title: How to handle meta elements not validating in HTML5?
body: <p>In HTML5, some meta elements do not validate (yet?) like:</p>
  
  <pre><code>&lt;meta http-equiv="x-ua-compatible" content="ie=emulateie7;chrome=1"&gt;
  &lt;meta http-equiv="imagetoolbar" content="no"&gt;
  </code></pre>
  
  <p>Are Conditional Comments an appropriate solution here resp. will meta elements still work as expected?</p>
  
  <pre><code>&lt;!--[if IE]&gt;&lt;meta http-equiv="x-ua-compatible" content="ie=emulateie7;chrome=1"&gt;&lt;![endif]--&gt;
  &lt;!--[if lt IE 7]&gt;&lt;meta http-equiv="imagetoolbar" content="no"&gt;&lt;![endif]--&gt;
  </code></pre>
  
  <p>Using a .htaccess file instead of meta elements (not always possible unfortunately), would this be the right way to go?</p>
  
  <pre><code>&lt;IfModule mod_setenvif.c&gt;
    &lt;IfModule mod_headers.c&gt;
    # BrowserMatch MSIE ie OR?
      BrowserMatch MSIE emulate_ie7
    # Header set X-UA-Compatible "IE=EmulateIE7" env=ie OR?
      Header set X-UA-Compatible "IE=EmulateIE7" env=emulate_ie7
      BrowserMatch chromeframe gcf
      Header append X-UA-Compatible "chrome=1" env=gcf
    &lt;/IfModule&gt;
  &lt;/IfModule&gt;
  </code></pre>
  
  <p>Thanks!</p>