如何创建html5文档,实战1-9 在HTML5文档中创建导航

实战1-9　在HTML5文档中创建导航

多数网站都有导航链接。无论是超链接还是按钮形式的，它们通常都被

元素与文档的其他内容区分开来。同样，

元素只表示它是文档的一部分，并不能表示某个区域是专用于导航的。而在HTML5中，可以使用标签来表明某个区域就是用于导航的。

在本节，你将学习到HTML5新引入的结构化元素。

1. 相关要点

结构化元素创建一个容器，用于放置整个HTML5文档或者文档内任意区域的导航。

结果如图1-5所示。

(点击查看大图)图1-5　使用元素

有了专门用于导航区域的标签，辨别哪些是导航也就容易多了。

2. 实现方法

图1-5对应的代码如下。其中的导航链接仅为演示所用，不具有实际功能。

可以看出，文档的导航区域也有了易于辨别的专属标签。如本例所示，该标签既可以用于HTML5文档，也可以用于文档的任意区域。

3. 专家提示

除了图1-5中所示的超链接外，还可以在元素中放置任意用于辅助导航的内容。

另外，建议不要在元素内使用元素。虽没有严格禁止，但这样做可能导致页面显示不正确。

【责任编辑：book TEL：(010)68476606】

点赞 0