IE9 + SharePoint 2010 + HTML5
Disclaimer: This is not a supportability claim for using IE9 on SharePoint 2010. Browser support status will be updated here: https://technet.microsoft.com/en-us/library/cc262485.aspx once the testing is done for specific release version of browsers. Using beta software will never be supported unless you have a special support agreement signed with Microsoft like the “Go-Live” license we did during SP2010 TAP program.
Previously in What’s the Story for HTML5 with SharePoint 2010 we mentioned that HTML5 content can be loaded in to SharePoint pages and libraries. Now Internet Explorer 9 Beta has been released, can it be used to view HTML5 content on SharePoint?
Yes – but we need to do a little bit modification. When you visit a SharePoint 2010 site with IE9, you can open developer tools by pressing F12:
You can find that it is rendered in IE9 7 Compat View, with Document Mode IE8 standards. IE9 is different than Firefox/Safari/Chrome. To ensure the max compatibility, it switches modes when visiting different websites. Unless you specified HTML5 doctype in the page, it will not render <video> and <canvas> tags. So what we need to do in addition is two items:
1. Change doctype in master page (v4.master) to <!DOCTYPE html>
2. Remove <meta http-equiv=”X-UA-Compatible” content=”IE=8”> . This meta tag will force IE9 to act like IE8 and no HTML5 render will be available.
After these are done your HTML5 content should be able to be rendered correctly. The supportability of these method is unknown, so you should only use it with publishing pages since you can control the whole style by yourself.
Comments
Anonymous
April 07, 2011
Hi, I have a custom master page, I changed to <!DOCTYPE html> and i also removed <meta http-equiv=”X-UA-Compatible” content=”IE=8”>, I made small change to one of the <div/> by adding style width:100% attribute. Every thing working fine in IE 7,8 and 9. But it not rendering correctly in firefox,safari and chrome. Please can you advice me any thing. please mail me to praveen.koyyalamudi@gmail.comAnonymous
March 07, 2012
Don't use anything other than IE=8, or you will sooner or later find some problems using IE=9 or IE=edge. This should be really embarassing that Microsofts own browser doesn't support one of their biggest products. But then again; IE has always been a disaster in all sorts of ways.Anonymous
October 07, 2014
If you remove X-UA-Compatible meta you will run into problems with some alert boxes, calendars, people picker etc... Do not remove it!