HTML nav标签

<nav>标签是HTML5中新增的标签之一，用于表示页面的导航部分。<nav> 元素是一个块级元素，可以包含一个或多个链接到其他页面、目录、搜索表单、标签或其他内容区域的元素。

语法

<nav> 标签的语法如下：

<nav>
  <!-- navigation content goes here -->
</nav>

特点

1. <nav> 标签可用于表示页面的主要导航链接，但不包括所有页面链接。
2. 在页面中使用 <nav> 标签可将导航从文档中的其他部分分离开来，有利于网页的可读性和维护性。
3. <nav> 标签可以包含链接、列表、搜索框等元素。
4. <nav> 标签经常与 <header> 标签一起使用，用于放置网站的标题和标志，以及导航链接。

示例

<header>
  <h1>My Site</h1>
  <nav>
    <ul>
      <li><a href="#">Home</a></li>
      <li><a href="#">About Us</a></li>
      <li><a href="#">Services</a></li>
      <li><a href="#">News</a></li>
      <li><a href="#">Contact</a></li>
    </ul>
  </nav>
</header>

浏览器支持情况

<nav> 标签在较新版本的所有现代浏览器中均得到支持，包括 Chrome、Firefox、Safari、Opera 和 Edge 等。

总结

<nav> 标签是 HTML5 中的一种语义化标签，用于定义网站或应用程序的导航部分。使用 <nav> 标签能够使代码更符合语义化，也更符合搜索引擎的优化需求和辅助技术的使用。在实际使用中，应根据实际需求进行使用。