让HTML5语义化标签兼容IE浏览器

时间:2022-09-23 17:14:08

解决方案:
IE9以下旧版本浏览器不支持新的语义化标签。其中一种解决方案就是用js将HTML5增加的标签创建出来,就像下面这样。(放在header部位)

 <script>
var html5Tags=['header' ,'footer','article','nav' ,'section','aside']
for(var i=0;i<html5Tags.length;i++){
document.createElement(html5Tags[i]);
}
</script>

最后在css里面加上这段:

 /*html5*/
article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}