一、在HTML页面中加入
针对IE浏览器最好在javascript文件中将HTML5的新标示(tag)创建出来
如: document.createElement('section');
更直接、简单的做法是在HTML页面中加入针对HTML5的Javascript library,如:
<!-- Internet Explorer HTML5 enabling code: -->
<!--[if IE]> <script src= "http://html5shiv.googlecode.com/svn/trunk/html5.js"> </script> <![endif]-->
二、在css文件中加入
header,footer,article,section,hgroup,nav,figure{ /* Giving a display value to the HTML5 rendered elements: */ display:block; }
目的是讲旧浏览器不识别的标示(tag)进行初始化
三、测试HTML5的新特性
如何想进一步使用HTML5的新特征,如audio
, video
, 和canvas,最好是写代码先测试一下旧浏览器是否支持
Modernizer(http://www.modernizr.com/)是很好的在线工具,可以将其引入到你的Javascript文件中,如测试是否支持某种输入方式:
if (!Modernizr.inputtypes.color) { // JavaScript fallback goes here. }