《HTML 5与CSS 3 权威指南(第4版·上册)》 —3.1.3 nav元素
3.1.3 nav元素
nav元素是一个可以用来作为页面导航的链接组,其中的导航元素链接到其他页面或当前页面的其他部分。并不是所有的链接组都要放进nav元素,只需要将主要的、基本的链接组放进nav元素即可。例如,在页脚中通常会有一组链接,包括服务条款、首页、版权声明等,这时使用footer元素是最恰当的。一个页面中可以拥有多个nav元素,作为页面整体或不同部分的导航。
接着让我们来看一个nav元素的使用示例,在这个示例中,一个页面由几个部分组成,每个部分都带有链接,但只将最主要的链接放入nav元素中,如代码清单3-7所示。
代码清单3-7 nav元素示例
在这个例子中,第一个nav元素用于页面导航,将页面跳转到其他页面上(跳转到网站主页或开发文档目录页面);第二个nav元素被放置在article元素中,用来实现在这篇文章中的两个组成部分的页内导航。
具体来说,nav元素可以用在以下场合:
传统导航条
现在主流网站上都有不同层级的导航条,用来将当前画面跳转到网站的其他主要页面。可以用nav元素实现导航条。
侧边栏导航
现在主流博客网站及商品网站上都有侧边栏导航,用来将页面从当前文章或当前商品跳转到其他文章或其他商品页面。可以用nav元素实现侧边栏导航。
页内导航
可以用nav元素实现页内导航,用来在本页面几个主要组成部分之间跳转。
翻页操作
nav元素可以用在多个页面的前后页或博客网站的前后篇文章的滚动中。
除此之外,nav元素也可以用在其他所有你觉得重要的、基本的导航链接组中。
注意,在HTML 5中不要用menu元素代替nav元素。过去很多Web应用程序的开发人员喜欢用menu元素进行导航,有必要再次强调的是,menu元素是被用在一系列发出命令的菜单上的,是一种交互性的元素,或者更确切地说是使用在Web应用程序中的。
- 点赞
- 收藏
- 关注作者
评论(0)