旧版本IE对HTML 5的兼容情况
众所周知,IE浏览器一直是Web开发者和设计人员的噩梦。不知道你是否还记得,在2006年和07年间,我们经常要花费大量的时间在IE兼容性的问题上。尽管最新版本的IE浏览器有了很大的改善,但我想说,这个噩梦仍未结束。因为到目前为止,IE 8及其以下版本都不支持HTML 5。
好的消息是,这里提供给你一个小的脚本,可以让你在旧版本的IE上使用HTML 5。使用它非常简单,只需要将以下代码复制到HTML 5文档中的head部分即可:
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
此外,这里也推荐您一个JavaScript库:Modernizr,其可以帮助您在各个浏览器上兼容您的HTML 5应用程序。
使用正确的元素
在HTML 5之前,我们经常可以看到网站上使用div标签,这种标签带来的最大问题就是很难让别人读懂。这就是为什么HTML 5引入了新的标签,比如header, footer, article, section, aside, nav等等。当然,作为Web开发者,我们应该正确的使用它,比如:
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<header>
...
</header>
<div role="main">
...
</div>
<footer>
...
</footer>
</body>
</html>
<html lang="en">
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<header>
...
</header>
<div role="main">
...
</div>
<footer>
...
</footer>
</body>
</html>
验证代码
在编写完成HTML 5代码后,你需要以最快、最有效的方式来进行代码的验证,以确保HTML 5代码中没有错误的语义。这里,推荐你使用W3C的一款工具,非常的好用:http://validator.w3.org/