【转】如何使html5语义化标签兼容ie

【总结】如何使html5语义化标签兼容ie

百度空间改版了，firebug一下，发现页面大量使用了section，article，header等html5标签，赶紧在ie下测试，发现竟然布局不会乱（老浏览器怎么会识别这些新标签？），那么百度是怎么做到的呢？

我自己写了几行html，使用了这些新标签，发现老浏览器是根本不会认识这些标签的，为了使这些古董级浏览器认识html5的语义化标签，我们需要用到js。

document.createElement('header');//创建一个新标签，标签名为header

如上，我们用js创建了一个新标签为header，那此header是不是就可以用了呢？答案是否定的。因为通过这种方法创建的新标签，默认是行内元素，而在html5的标准中，这些标签都是块元素的，于是我们需要在css中添加这么一句（）：

article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary{

    display: block;

}

其实百度就是这么干的，有图有真相：

博客来源：http://hi.baidu.com/shawn_html5/item/e73238d2348eda9e32db9049 by 谢帅shawn

这样，我们就可以让ie6等老浏览器认识这些新的标签了，并且能够基本正确地解析。（真心希望这些麻烦的古董浏览器赶紧退休 >o<）

还等什么？没有了兼容性的顾虑，马上为你的网页加上这些新标签吧。