技术开发 频道

轻松高效 优秀HTML 5开发非常好的实践分享

  旧版本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]-->

  此外,这里也推荐您一个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 5代码后,你需要以最快、最有效的方式来进行代码的验证,以确保HTML 5代码中没有错误的语义。这里,推荐你使用W3C的一款工具,非常的好用:http://validator.w3.org/

高效的进行HTML 5开发(二)

0
相关文章