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

HTML5中nav是什么意思

程序员文章站 2022-03-12 17:32:52
...

在HTML5中,nav全称“navigation”,中文意思为“导航”,是一个导航标签,用于表示HTML页面中的导航;nav标签会定义一个含有导航链接的区域,语法“<nav><a href="url">链接</a> ...</nav>”。

HTML5中nav是什么意思

本教程操作环境:windows7系统、HTML5版、Dell G3电脑。

在HTML5中,nav全称“navigation”,中文意思为“导航”。

HTML5中nav是什么意思

HTML5 <nav>标签用于表示HTML页面中的导航,可以是页与页之间导航,也可以是页内的段与段之间导航。

<nav> 标签定义导航链接的部分。

并不是所有的 HTML 文档都要使用到 <nav> 元素。<nav> 元素只是作为标注一个导航链接的区域。

根据HTML5的相关标准定义如下:

"A section of a page that links to other pages or to parts within the page:
a section with navigation links."

中文翻译大概意思是

”页面中的一个用来链接到其它页面或者当前页面的区域:一个含有导航链接的区域”

这里非常清楚的定义了nav标签的功能,这里和header类似并没有指定必须是主导航,也可以是页面其它部分的子导航。

如下:

<nav>
  <a href="/html/">HTML</a> |
  <a href="/css/">CSS</a> |
  <a href="/js/">JavaScript</a> |
  <a href="/jquery/">jQuery</a>
</nav>

HTML5中nav是什么意思

在上面这个例子中,我们看到这里只是一个区域的文章导航,同样也可以使用nav定义一个小型的页面内导航。 但并不是页面上的所有链接团体都需要放在nav标签内,它主要是由页面的主要导航块组成。例如,我们通常在网站的页脚里放一组链接,包括服务条款、网站介绍、版权声明等,这时,我们通常使用footer,而不是nav。

一个页面可可以包含多个nav标签,作为页面整体或者不同部分的导航。在下面的例子中,有两个nav标签,一个是网站的主体导航,另外一个是当前页面本身的辅助链接导航。

推荐教程:《html视频教程

以上就是HTML5中nav是什么意思的详细内容,更多请关注其它相关文章!

相关标签: HTML5 nav