PHP课程限时特价
PHP一对一教学
PHP全栈开发

HTML5中nav是什么意思

青灯夜游   2021-12-03 16:00   21446浏览 原创

在html5中,nav全称“navigation”,中文意思为“导航”,是一个导航标签,用于表示html页面中的导航;nav标签会定义一个含有导航链接的区域,语法“

”。

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

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

1.png

HTML5

并不是所有的 HTML 文档都要使用到

根据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>

1.png

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

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

推荐教程:《html视频教程

声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。