HTML5适应旧的浏览器的使用总结

一、在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.
} 

转载于:https://www.cnblogs.com/JoannaQ/archive/2012/08/27/2659356.html