<footer>必须是<body>的直接子元素，版权文字须用语义化标签包裹，备案号需为可点击的有效链接，联系信息必须用<address>标签，多语言需显式声明lang属性。
必须用 <footer> 作为 <body> 的直接子元素，且版权文字不能裸写——否则读屏软件读不准、SEO 抓不到、监管系统不认备案号。
footer 必须是 <body> 的直接子元素
嵌套在 <main>、<section> 或 <div> 里的 <footer>，语义上只代表那个局部区块的结尾信息，不是全站版权归属主体。工信部备案校验和搜索引擎结构化数据提取，只认 <body><footer>…</footer></body> 这种层级。
- ✅ 正确：
<body><header></header><main></main><footer>© 2026 MySite</footer></body> - ❌ 错误：
<body><main><footer>© 2026 MySite</footer></main></body>（会被忽略） - ⚠️ SPA 场景下：React/Vue 渲染后 DOM 必须真实存在原生
<footer>节点，不能仅靠 class 模拟或 JS 动态插入却不挂载到<body>下
版权文字不能裸写，<small> 只包附属部分
<small> 在 HTML5 中语义明确：专用于“附属细则”，比如年份、保留条款、许可证说明。它不是字体缩放工具，更不是整句版权的“打包盒”。把 © 2026 MySite. All rights reserved. 全塞进一个 <small>，会导致读屏器弱化关键主体“MySite”，法律效力表达失焦。
- ✅ 合理：
<footer><small>©</small> 2026 MySite <small>All rights reserved.</small></footer> - ✅ 更稳妥：
<footer><p>© 2026 MySite</p><small>开源许可详见 LICENSE 文件</small></footer> - ❌ 错误：
<footer><small>© 2026 MySite. All rights reserved.</small></footer> - ⚠️ 注意：
<p>包裹整句版权虽可接受，但语义精度不如拆分使用<small>——尤其当页面含多语言时，主品牌名需保持正常权重
备案号必须可点击，且格式不可拆分
纯文本“京ICP备12345678号”不合规。工信部要求备案号必须为有效超链接，指向官方查询页（如 https://beian.miit.gov.cn），且文字完整、无空格、无方括号、无缩写。
立即学习“前端免费学习笔记（深入）”；
- ✅ 正确：
<footer>© 2026 MySite | <a href="https://beian.miit.gov.cn" target="_blank" rel="noopener">京ICP备12345678号</a></footer> - ❌ 错误：
<footer>京ICP备[12345678]号</footer>、<footer>ICP备12345678号</footer> - ⚠️ 公安备案号需另起一行，用竖线或换行分隔，同样必须可点击：
<br><a href="...">京公网安备11010X02000001号</a> - ⚠️ 链接
href必须真实有效；若用相对路径，请确保部署后仍能正确解析
联系信息必须用 <address> 包裹
如果 <footer> 里包含邮箱、电话、地址或社交链接，必须用 <address> 标签包裹。这是 HTML5 强制语义要求：读屏软件据此识别为“可联系实体”，搜索引擎才能提取结构化数据。用 <p> 或 <div> 直接写，等于放弃无障碍支持与 SEO 权重。
- ✅ 正确：
<footer><address>contact@example.com | +86 123-4567-89</address><small>© 2026 MySite</small></footer> - ❌ 错误：
<footer><p>contact@example.com</p></footer>、<footer><div>+86 123-4567-89</div></footer> - ⚠️
<address>只能用于该<footer>所属范围的联系人：全局页脚填公司信息，文章页脚（<article><footer>）就只填作者邮箱 - ⚠️
<address>不能包版权年份或导航链接——那些不是“联系信息”，混用会破坏语义边界
最容易被忽略的是：多语言站点中，公司名若含英文，必须显式标注 lang="en"；JS 动态更新年份时，若没同步设置语言属性，会导致读屏器按当前页面语言错误发音。语义不是写完就完的事，而是从 DOM 结构、属性、内容三者对齐开始的持续校准。
