HTML5导航标签nav用法详解 | AI生成和翻译

Home 2025.11

用于页面主导航区域(通常包含指向网站主要部分的链接的主菜单)的正确 HTML5 语义化标签是 <nav>

使用示例:

<nav>
  <ul>
    <li><a href="/">首页</a></li>
    <li><a href="/about">关于我们</a></li>
    <li><a href="/services">服务项目</a></li>
    <li><a href="/blog">博客</a></li>
    <li><a href="/contact">联系我们</a></li>
  </ul>
</nav>

关键要点:

可选的无障碍访问改进:

可以添加 aria-labelaria-labelledby 属性来描述导航用途,特别是在存在多个 <nav> 元素时:

<nav aria-label="主导航">
  <!-- 链接 -->
</nav>

简而言之:<nav> 是用于主导航区域的标准 HTML5 语义化标签。


Back

x-ai/grok-4.1-fast

Donate