是网页底部辅助导航最适合的语义化标签，因其专表“跳转意图”，而仅定义区域容器；底部站点级链接应使用，社交图标等非结构化链接则无需，且可合法嵌套于中。
<nav></nav> 是网页底部辅助导航最适合的 HTML 语义化标签，只要它确实承担导航功能——即提供跳转到其他页面或关键区块的链接。
为什么不是 <footer></footer>？
<footer></footer> 是容器，不是导航语义载体。它定义的是“页脚区域”，内容可以包含版权信息、联系方式、法律链接等非导航内容。<nav></nav> 才负责表达“这些链接是用来导航的”这一意图。搜索引擎和屏幕阅读器靠 <nav></nav> 识别导航意图，而不是靠位置（顶部/底部）或父容器。
底部导航必须用 <nav></nav> 吗？
不一定，取决于链接性质：
- 如果底部是一组站点级跳转链接（如“关于我们”“服务条款”“隐私政策”“联系我们”），属于网站主要导航路径的一部分 → 应用
<nav aria-label="页脚导航"></nav> - 如果只是几个孤立的社交图标链接（
@#@#@#@#@#@#@#@#@#@0），没有构成导航结构 → 可用<div> 或 <code><aside></aside>，不强制套<nav></nav> - 如果底部同时有版权文字 + 导航链接，应把链接部分单独包裹在
<nav></nav>内，避免把版权文本也塞进<nav></nav>
<nav></nav> 套在 <footer></footer> 里是否合法？
完全合法，且是推荐做法。HTML5 允许 <nav></nav> 出现在任何位置，包括 <header></header>、<main></main>、<footer></footer> 或 <aside></aside> 内部。常见结构如下：
html-to-pptx-converter
下载
使用 PptxGenJS 和 Python 解析，将结构化的 HTML/CSS 幻灯片内容转换为原生、可编辑的 PowerPoint（.pptx）演示文稿。
<footer><p>© 2026 公司名称。保留所有权利。</p>
<nav aria-label="页脚导航"><ul>
<li><a href="/about">关于我们</a></li>
<li><a href="/terms">服务条款</a></li>
<li><a href="/privacy">隐私政策</a></li>
</ul></nav></footer>
注意：多个 <nav></nav> 必须用 aria-label 区分，否则屏幕阅读器无法分辨“主导航”和“页脚导航”。
容易被忽略的关键点
底部导航常被写成纯样式驱动的 <div class="footer-links">，但这样会丢失语义；更隐蔽的问题是，有人把整个 <code><footer></footer> 当作导航容器，把版权文字、邮箱、地址全包进 <nav></nav>，这反而干扰辅助技术判断——导航区域只该包含可跳转的链接，不含静态文本或联系信息。
