semantic-ui and IE only message

<![if !IE]>
          <div class="ui message red">
            <i class="close icon"></i>
            <div class="header">
            Internet Explorer Notice
            </div>
            <p>IE10+ turns on Compatibility View by default, which use the obsolete IE7 core to parse web page. If the page is not displayed properly, which means the Compatibility View has been turned on(Turn off the Compatibility View) or the version of IE is less than 10 (Please use the latest <a href="https://www.google.com/intl/en/chrome/browser">Google Chrome</a>, <a href="https://www.mozilla.org/en-US/firefox/desktop/">Firefox</a>, <a href="https://www.microsoft.com/en-us/windows/microsoft-edge">Microsoft Edge</a>, <a href="https://vivaldi.com/">Vivaldi</a> instead.)</p>
            <p>Microsoft has abandoned IE for its abominable features, which are really disasters for developers and users. To turn off <b>Compatible View</b>, click <i class="setting icon"></i> in the menu bar, and choose <b>Compatible View Settings</b>; then uncheck <b>Display intranet sites in Compatibility View</b> and <b>User Microsoft compatibility lists</b>; And clear the list if any.</p>
          </div>
<![endif]>