I’ve always been a junkie when it comes to markup validation. It’s important to me that my sites are 100% XHTML/strict compatible. But recently I came across a situation that I thought I simply couldn’t get around. In this article I am going to show you how you can add the X-UA-Compatible attribute and at the same time validate your pages through W3C validation.
My website had the following tag:
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
This is a way to force IE to not display the compatibility mode button in the URL. Which I don’t want anyway. While the X-UA-Compatible is a standard meta key, the value IE=edge is not, and therefore the validator gave me an error. So I finally figured it out, I removed the tag from my template and added the meta tag to the standard HTTP header via web.config:
<system.webServer> <httpProtocol> <customHeaders> <add name="X-UA-Compatible" value="IE=edge,chrome=1" /> </customHeaders> </httpProtocol> </system.webServer>
Now both W3C and IE are happy.