浏览器的支持情况:

http://caniuse.com/这个网站可以详细的列出每一款主流浏览器对html5的支持情况。总会有些访客的浏览器不支持html5,但这并不影响你使用html5的功能,检测支持通常需要检查某个可编程对象的属性,或者创建一个对象并以其他方式来使用它。

那么如何让所有浏览器都支持html5语义元素标签?

以下列举常用的方法:

1、在<header>区块中引用

<script src=”http://html5shim.googlecode.com/svn/trunk/html5.js”></script>

注:html5.js脚本应该是有条件执行的——只在你使用旧版本IE的情况下才会执行。为了避免不必要的加载js文件,可以像下面这样引用脚本代码放在IE的条件注释中,这样其他浏览器(IE9以及更高版本)就会忽略这行脚本,为你的页面节省毫秒的加载时间。

<!–[if lt IE 9]>

 <script src=”http://html5shim.googlecode.com/svn/trunk/html5.js”></script>

<![endif]–>

2、使用Modernizr

Modernizr会自动替你解决上述问题,不用使用html5.js或者样式规则。

1、打开www.modernizr.com,找到 Download Modernizr 区域,单击其中的Development按钮,下载Modernizr的js文件。

2、把下载到的js文件放到你的网页所在文件夹,例如js文件夹。

3、在页面<head>区块中添加对这个js文件的引用。

示例:

<head>

<meta charset=”gb2312″> 

<title>学习Html5建站教程(二)Html5 语法与规则 – 杨青个人博客网站</title> 

<script src=”/skin/blog/js/modernizr.js”></script> 

</head>