《HTML 5与CSS 3 权威指南(第4版·上册)》 —3.1.3 nav元素

举报
华章计算机 发表于 2019/11/23 22:48:06 2019/11/23
【摘要】 本节书摘来自华章计算机《HTML 5与CSS 3 权威指南(第4版·上册)》一书中第3章,第3.1.3节,作者是陆凌牛。

3.1.3 nav元素

nav元素是一个可以用来作为页面导航的链接组,其中的导航元素链接到其他页面或当前页面的其他部分。并不是所有的链接组都要放进nav元素,只需要将主要的、基本的链接组放进nav元素即可。例如,在页脚中通常会有一组链接,包括服务条款、首页、版权声明等,这时使用footer元素是最恰当的。一个页面中可以拥有多个nav元素,作为页面整体或不同部分的导航。

接着让我们来看一个nav元素的使用示例,在这个示例中,一个页面由几个部分组成,每个部分都带有链接,但只将最主要的链接放入nav元素中,如代码清单3-7所示。

代码清单3-7 nav元素示例

image.png

image.png

在这个例子中,第一个nav元素用于页面导航,将页面跳转到其他页面上(跳转到网站主页或开发文档目录页面);第二个nav元素被放置在article元素中,用来实现在这篇文章中的两个组成部分的页内导航。

具体来说,nav元素可以用在以下场合:

传统导航条

现在主流网站上都有不同层级的导航条,用来将当前画面跳转到网站的其他主要页面。可以用nav元素实现导航条。

侧边栏导航

现在主流博客网站及商品网站上都有侧边栏导航,用来将页面从当前文章或当前商品跳转到其他文章或其他商品页面。可以用nav元素实现侧边栏导航。

页内导航

可以用nav元素实现页内导航,用来在本页面几个主要组成部分之间跳转。

翻页操作

nav元素可以用在多个页面的前后页或博客网站的前后篇文章的滚动中。

除此之外,nav元素也可以用在其他所有你觉得重要的、基本的导航链接组中。

注意,在HTML 5中不要用menu元素代替nav元素。过去很多Web应用程序的开发人员喜欢用menu元素进行导航,有必要再次强调的是,menu元素是被用在一系列发出命令的菜单上的,是一种交互性的元素,或者更确切地说是使用在Web应用程序中的。


【版权声明】本文为华为云社区用户转载文章,如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

评论(0

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。