在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等等。

posted @ 2011-03-07 16:45  zjhsd2007  阅读(445)  评论(1编辑  收藏  举报