HTML5中的新元素标签用来将具有导航性质的链接划分在一起,使代码结构在语义化方面更加准确,同时对于屏幕阅读器等设备的支持也更好。
一直以来,我们习惯于使用形如
id="nav">或
id="nav">这样的代码来写页面的导航;在HTML5中,我们可以直接将导航链接列表放到标签中:
href="index.html">Home
href="/about/">About
href="/blog/">Blog
根据W3C的定义规范:
nav元素是一个可以用来作为页面导航的链接组;其中的导航元素链接到其他页面或当前页面的其他部分。并不是所有的链接组都要被放进元素;例如,在页脚中通常会有一组链接,包括服务条款、首页、版权声明等;这时使用元素是最恰当的,而不需要元素。
The nav element represents a section of
a page that links to other pages or to parts within the page: a
section with navigation links. Not all groups of links on a page
need to be in a nav element only sections that consist of major
navigation blocks are appropriate for the nav element. In
particular, it is common for footers to have a list of links to
various key parts of a site, but the footer element is more
appropriate in such cases, and no nav element is necessary for
those links.
一个页面中可以拥有多个元素,作为页面整体或不同部分的导航;下面是W3C给出的一个代码示例:
The
Wiki Center Of Exampland
href="/">Home
href="/events">Current
Events
...more...
Demos
in Exampland
Written by A. N.
Other.
href="#public">Public
demonstrations
href="#destroy">Demolitions
...more...
id="public">
Public
demonstrations
...more...
id="destroy">
Demolitions
...more...
...more...
href="?edit">Edit
|
href="?delete">Delete
|
href="?Rename">Rename
©
copyright 1998 Exampland
Emperor
在这个示例中,我们可以看到不仅可以用来作为页面全局导航,也可以放在标签内,作为单篇文章内容的相关导航链接到当前页面的其他位置。