html nav标签的作用与使用的详解

 nav  li a href= index.html Home /a /li  li a href= /about/ About /a /li  li a href= /blog/ Blog /a /li  /ul  /nav 

根据W3C的定义规范：

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

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

 body  h1 The Wiki Center Of Exampland /h1  nav  li a href= / Home /a /li  li a href= /events Current Events /a /li ...more... /ul  /nav  article  header  h1 Demos in Exampland /h1  p Written by A. N. Other. /p  /header  nav  li a href= #public Public demonstrations /a /li  li a href= #destroy Demolitions /a /li ...more... /ul  /nav  div  section id= public  h1 Public demonstrations /h1  p ...more... /p  /section  section id= destroy  h1 Demolitions /h1  p ...more... /p  /section ...more... /div  footer  p a href= ?edit Edit /a | a href= ?delete Delete /a | a href= ?Rename Rename /a /p  /footer  /article  footer  p small ? copyright 1998 Exampland Emperor /small /p  /footer  /body 

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

以上就是html nav标签的作用与使用的详解的详细内容，html教程

郑重声明：本文版权归原作者所有，转载文章仅为传播更多信息之目的，如作者信息标记有误，请第一时间联系我们修改或删除，多谢。