找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索本站精品资源

首页 教程频道 查看内容

HTML5中nav是什么意思

作者:模板之家 2021-12-3 19:16 224人关注

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

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

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

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

1.png

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>

1.png

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

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


路过

雷人

握手

鲜花

鸡蛋
来自: 网络收集

全部回复(0)