如何正确使用HTML中的nav标签构建网站导航？

本文共计1018个文字，预计阅读时间需要5分钟。

当然可以，请提供需要改写的原文内容，我将按照您的要求进行修改。

nav 必须包裹完整导航集合，不能只包单个链接

常见错误现象：<nav>首页</nav> 或 <nav><a href="/">首页</a></nav>。这类写法会让辅助技术降级为普通段落，失去导航地标（landmark）作用。

• 正确结构是用 <ul> 或 <ol> 包裹多个 <li>，每个含一个 <a>
• 若视觉上不用列表（如横向 flex 导航），可用 <div role="list"> 替代，但优先选原生列表
• 单个返回链接、面包屑里的当前页、或“打印本页”按钮，都不该塞进 <nav>

aria-label 或 aria-labelledby 是硬性要求，不是可选项

没有可见标题的 <nav>（比如纯图标汉堡菜单、无文字的页脚快捷入口），光靠标签名无法传达用途。屏幕阅读器只会读 “navigation”，用户不知道这是主菜单还是语言切换区。