欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

HTML5 对各个标签的定义与规定:nav

程序员文章站 2022-05-04 22:04:57
...
HTML5 对各个标签的定义与规定:nav

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

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

<div id="nav">或<ul id="nav">

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

根据W3C的定义规范:

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

一个页面中可以拥有多个<nav>元素,作为页面整体或不同部分的导航;

<nav>不仅可以用来作为页面全局导航,也可以放在<article>标签内,作为单篇文章内容的相关导航链接到当前页面的其他位置。

<nav>
<h1>Navigation</h1>
<ul>
<li><a href=”articles.html”>Index of all articles</a></li>
<li><a href=”today.html”>Things sheeple need to wake up for today</a></li>
<li><a href=”successes.html”>Sheeple we have managed to wake</a></li>
</ul>
</nav>

以上就是HTML5 对各个标签的定义与规定:nav的内容,更多相关内容请关注PHP中文网(www.php.cn)!