在IE下也可以用HTML5标签
标准浏览器对未知的DOM元素的处理上和IE有着很大的区别,只你给未知的元素正解的样式,标准浏览器一样可以正解的显示出来,比如<fuck style="border:1px solid red">fuck</fuck>,但IE(至少是IE9以前的版本)就不行,嗯,很蛋疼,虽然如此,还是有补救的办法,就是通过js来创建这些未知的标签,IE就是奇迹般的识别,还可以用css给它们定样式,嗯,再一次蛋疼。所以想在IE下用HTML5标签的办法就是如下这段js了:
<!-- [if lt IE 9]> <script> (function(newEl){ var el = newEl.split(','); for(var i=0;i<el.length;i++){ document.createElement(el[i]); } })('abbr,article,aside,audio,canvas,datalist,details,figure,footer,header,hgroup,mark,menu,meter,nav,output,progress,section,time,video'); </script> <![endif] -->
这样在IE下就可以用这些标签了,但只能给他们用用样式而已,标签本身的功能,IE下是无效的,比如video,audio,canvas等等。