HTML5中的新元素标签用来将具有导航性质的链接划分在一起,使代码结构在语义化方面更加准确,同时对于屏幕阅读器等设备的支持也更好。

一直以来,我们习惯于使用形如

  • 这样的代码来写页面的导航;在HTML5中,我们可以直接将导航链接列表放到标签中:

    • Home
    • About
    • Blog

根据W3C的定义规范:

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

一个页面中可以拥有多个元素,作为页面整体或不同部分的导航;下面是W3C给出的一个代码示例:

The Wiki Center Of Exampland

  • Home
  • Current Events

...more...

Demos in Exampland

Written by A. N. Other.

  • Public demonstrations
  • Demolitions

...more...

Public demonstrations

...more...

Demolitions

...more...

...more...

Edit | Delete | Rename

© copyright 1998 Exampland Emperor

在这个示例中,我们可以看到不仅可以用来作为页面全局导航,也可以放在标签内,作为单篇文章内容的相关导航链接到当前页面的其他位置。

php nav,html nav标签的作用与使用的详解相关推荐

  1. php表格中的caption,html中caption标签的使用方法及实例详解

    html5中 标签作用是定义表格标题,这里详细介绍下标签用法.标签属性以及标签应用实例. html中 标签作用:定义表格标题标签用法: caption 元素定义表格标题. caption 标签必须紧随 ...

  2. xpath 取标签下所有文字内容_对Xpath 获取子标签下所有文本的方法详解

    对Xpath 获取子标签下所有文本的方法详解 在爬虫中遇见这种怎么办 想提取名称, 但是 名称不在一个标签里 使用xpath string()方法 例如 data.xpath("string ...

  3. java中flush函数作用_Java语言中flush()函数作用及使用方法详解

    最近在学习io流,发现每次都会出现flush()函数,查了一下其作用,起作用主要如下 //------–flush()的作用--------– 笼统且错误的回答: 缓冲区中的数据保存直到缓冲区满后才写 ...

  4. c语言 定时器作用,单片机定时器的作用及使用方法详解

    单片机定时器的作用及使用方法详解 单片机定时器在单片机的功能是很重要的,它一般被用作定时功能,来做定时检测.定时响应和定时控制,并且可以产生毫秒宽的脉冲信号来驱动步进电机.计时和计数的最终功能是通过计 ...

  5. 异步FIFO设计:各个模块的作用及Verilog代码详解

    实现原理参考:异步FIFO---Verilog实现_alangaixiaoxiao的博客-CSDN博客_异步fifo 代码参考:IC基础(一):异步FIFO_MaoChuangAn的博客-CSDN博客 ...

  6. 荒岛求生html5母狼攻,荒岛求生各资源作用及获取方法详解

    荒岛求生各资源作用及获取方法详解 2018-03-06 13:45:22来源:游戏下载编辑:野狐禅评论(0) 荒岛求生地图中有很多资源可以获取,它们各有什么作用呢?下面就为大家带来荒岛求生资源作用及获 ...

  7. css3 fieldset,生僻标签 fieldset 与 legend 的用法详解

    谈到 与,大部分人肯定会比较陌生,在 HTML 标签中,属于比较少用的那一批. 我最早知道这两个标签,是在早年学习 reset.css 或者 normalize.css 时,在这些重置统一代码默认样式 ...

  8. linux中umask的原理和作用,Linux 的umask详解

    1.由权限得到umask的值 umask是一个系统变量,是一个由3个八进制数字组成的值,具体含义见表:每个数字都是八进制值1.2.4的OR操作结果. 作用:当文件被创建时,为文件的访问权限设定一个掩码 ...

  9. android 自定义xmlns,Android xmlns 的作用及其自定义实例详解

    Android xmlns 的作用及其自定义实例详解 xmlns:Android="http://schemas.android.com/apk/res/android的作用是: 这个是xm ...

最新文章

  1. cmder里ls、pwd、自定义的alias等一系列命令都无法使用
  2. Nginx源码分析:惊群处理与负载均衡
  3. MMDetection库部署和训练
  4. java中不同包中怎么实例化,Java 笔试题 (01)
  5. 傅里叶变换处理音频c++_KWS-SoC——基于Wujian100的音频流关键词检测SoC拓展开发笔记之一...
  6. SpringMVC的请求-获得请求参数-获得集合类型参数2
  7. 我在腾讯做运维--快速玩转蓝鲸社区版6.0【直播公开课】
  8. 计算机模拟 博弈 善意,从两本奇书看人与人的重复博弈
  9. IDEA 插件开发入门教程 1
  10. bzoj 4660 Crazy Rabbit——LIS解决“相交”限制的思想
  11. 《精解 Windows 10》——2.10 触摸手势
  12. ansible-handlers
  13. asp.net本质论学习笔记第一章
  14. 解决office 2016公式编辑器空白,无法正常显示公式的问题
  15. 读《About Face 4 交互设计精髓》20
  16. 最简单的直播礼物连刷特效制作(带源码)
  17. 互联网+创新创业大赛反思总结
  18. 优惠券管理--优惠券类型
  19. php调用pdf虚拟打印机,window_在Win7系统中怎么安装PDF彩色虚拟打印机?,前面说过,Word不能直接将文档 - phpStudy...
  20. [Azure]使用Powershell输出某台ARM虚拟机的NSG

热门文章

  1. 极致CG影视角色高级课程
  2. 经验:调教200多个ChatGPT模型后的经验分享
  3. 斗牛太危险,来斗HEXA吧
  4. k8s的健康性检查-Health Check
  5. Linux实现的ARP缓存老化时间原理解析
  6. JavaScript (JS)常见数据结构与算法的封装
  7. 平安京s9服务器维护,决战平安京:S9赛季对战调整,射核版本终结,打野获益最大...
  8. Java将String字符串里的每个字符都分割取出来
  9. ACP云安全知识学习题库
  10. ubuntu下vsftpd配置详细篇