不过需要首先注意的地方就是在css中初始化这些新标签的默认样式,HTML5在默认情况下表现为内联元素,对这些元素进行布局需要利用CSS手工把它们转为块状元素方便布局:
article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}
1. 用js解决,用jscreateElement创建这些元素
代码:
< !--[if lt IE 9]>
<script>
(function() {
if (!
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>
<![endif]-->
2. 用html5 shiv包
< !--[if lt IE9]>
< script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
< ![endif]-->
article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}
1. 用js解决,用jscreateElement创建这些元素
代码:
< !--[if lt IE 9]>
<script>
(function() {
if (!
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>
<![endif]-->
2. 用html5 shiv包
< !--[if lt IE9]>
< script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
< ![endif]-->