正确选择是配合使用，页脚友情链接不应放入，因其不满足主导航语义；需确保链接含有效href且避免非链接内容混入，动态渲染时须保证dom加载后存在真实链接节点。
<footer></footer> 是正确选择，但必须配合 <nav></nav> 或 <ul></ul> 使用，不能单独靠 <footer></footer> 传递导航语义。
页脚友情链接不是“主导航”，别硬塞进 <nav></nav>
很多开发者看到“链接集合”就下意识用 <nav></nav>，但页脚友情链接不符合 <nav></nav> 的语义门槛：它不承担“站点级、重复性、主要跳转路径”功能。搜索引擎和屏幕阅读器会识别其为辅助信息，而非主导航区域。硬套 <nav></nav> 不仅无效，还可能稀释顶部主导航的语义权重。
- ✅ 正确做法：
<footer></footer>内部用<ul></ul>包裹链接，结构清晰、语义合理 - ❌ 常见错误：
<footer><nav><ul>...</ul></nav></footer>—— 多余嵌套，且未加aria-label区分用途 - ⚠️ 特殊情况：若页脚含多个独立链接组（如“合作伙伴”“友情链接”“法律条款”），可用多个
<nav></nav>，但每个都必须带aria-label，例如<nav aria-label="合作伙伴"></nav>
<footer></footer> 里放链接，为什么不能只写 <div>？
<p><code><footer></footer> 明确告诉浏览器和辅助技术：“这是页面底部区域”，对 SEO 和可访问性有基础信号价值；而 <div> 完全无此含义。但要注意：<code><footer></footer> 本身不表示“这里有导航链接”，它只是容器。真正让链接被识别为“可跳转集合”的，是内部的 <ul></ul> + @#@#@#@#@#@#@#@#@#@0
<nav></nav>：<nav aria-label="页脚友情链接"><ul>...</ul></nav>
<footer aria-label="页脚导航">...</footer> —— <footer></footer> 不支持 aria-label 作为导航标识最容易被忽略的是：页脚链接的语义有效性，不取决于你用了什么标签，而取决于 DOM 加载完成时，document.querySelectorAll('footer a[href]') 是否能真实返回节点。动态渲染（如 CSR 页面）中，若链接靠 JS 异步插入，首屏 DOM 为空，那再标准的结构也白搭。
