ie8以下不兼容h5新标签的解决方法

Posted 2020-09-01 倚笑乘风

html5新添了一些语义化标签，他们能让代码语义化更直观易懂，有利于SEO优化。但是此HTML5新标签在IE6/IE7/IE8上并不能识别，需要进行javascript处理。

解决思路就是用js创建html5中的新标签，代码如下：

<script> 
   (function() {
     if (! 
     /*@[email protected]*/
     0) return;
     var e = "abbr, article, aside, audio, canvas, datalist, details, dialog, eventsource, figure, footer, header, hgroup, mark, menu, meter, nav, output, progress, section, time, video".split(‘, ‘);
     var i= e.length;
     while (i--){
         document.createElement(e[i])
     } 
})() 
</script>

对于上面的代码要初始化新标签的CSS.因为HTML5在默认情况下表现为内联元素，对这些元素进行布局我们需要利用CSS手工把它们转为块状元素方便布局。

另外对于代码中if (!  /*@[email protected]*/ 0) return;是什么意思大多数人会有困惑，主要是用于判断浏览器是否支持注释条件编译。在Internet Explorer 11标准模式和Windows应用商店应用中不支持条件编译。 在Internet Explorer 10标准模式和所有早期版本中支持条件编译。这样非IE浏览器就会忽视这段代码，也就不会有无谓的http请求了。