文章分类: 教程学习

3.不要把所有列表式的链接放在nav里

随着HTML5引入了30个新元素(截止到原文发布时)，我们在构造语义化和结构化的标签时的选择也变得有些不慎重。也就是说，我们不应该滥用超语义化的元素。不幸的是，nav就是这样一个被滥用的例子。nav元素的规范描述如下：

nav元素是一个可以用来作为页面导航的链接组；其中的导航元素链接到其他页面或当前页面的其他部分。

注意：不是所有页面上的链接都需要放在nav元素中——这个元素本意是用作主要的导航区块。举个具体的例子，在footer中经常会有众多的链接，比如服务条款，主页，版权声明页等等。footer元素自身已经足以应付这些情况，虽然nav元素也可以用在这里，但通常我们认为是不必要的。

关键词是“主要的”导航。当然我们可以互相喷上一整天什么叫做“主要的”。而我个人是这样定义的：

1.不要使用section作为div的替代品

人们在标签使用中最常见到的错误之一就是随意将HTML5的<section>等价于<div>——具体地说，就是直接用作替代品(用于样式)。在XHTML或者HTML4中，我们常看到这样的代码：

<!-- HTML 4-style code -->
<div id="wrapper">
  <div id="header">
    <h1>My super duper page</h1>
    <!-- Header content -->
  </div>
  <div id="main">
    <!-- Page content -->
  </div>
  <div id="secondary">
    <!-- Secondary content -->
  </div>
  <div id="footer">
    <!-- Footer content -->
  </div>
</div>

而现在在HTML5中，会是这样：

<article>是HTML5中的新元素标签，根据W3C的定义规范：

article元素用来在页面中表示一套结构完整且独立的内容部分。article可以用来呈现论坛的一个帖子，杂志或报纸中的一篇文章，一篇博客，用户提交的评论内容，可互动的页面模块挂件等。

<article>是可以嵌套使用的，内层的内容在原则上需要与外层内容相关联。例如，一篇博客文章与针对该文章的评论就可以使用嵌套<article>的方式；用来呈现评论的<article>元素被包含在文章内容的<article>里面。

以“博客”为例，我们来看两个代码实例。对于文章列表页面中的每一篇日志，可以使用如下形式的代码：

已经有许多文章是关于HTML5的了，例如“HTML5有什么期待？”和“HTML5会如何改变网络”之类的，但是对于Web开发人员来说，最主要需要知道的是：我现在可以用上HTML5来做些什么，我怎么开始使用它？好消息是现在已经有不少的HTML5里的东西可以使用了。

但是，开始你就必须要明白一件事情，你需要知道你的受众如何，否则的话你就不该使用HTML5。假如你的站点的访问大部分人都是在使用IE6，那么你完全没有任何理由使用HTML5。另一方面，如果你站点的访问者都是使用手机浏览器，如iPhone和iPad，那么你还在等什么呢？马上就可以开始动手了！等等，这里有一些准则，看完再动手不迟。