如何让老式浏览器支持html5新增的语义元素

html5新增加了一些语义元素,如header, footer, nav, aritcle, aside,等等。

然而,有些老款浏览器无法识别这些元素,会把它们当成 inline 元素对待,这会导致一些相当严重的样式问题。

解决办法:把这些语义元素全部声明为 块级(block)元素

header,footer,nav,article,aside,section{
    display:block;
}


如果要兼容 ie9 之前的 ie 版本,还需要在文档中添加一点 javascript:

        document.createElement('header');
        document.createElement('footer');
        document.createElement('nav');
        document.createElement('article');
        document.createElement('aside');
        document.createElement('section');
原文地址:https://www.cnblogs.com/sx00xs/p/6251470.html