备案号必须用<a>标签包裹且href指向工信部官网查询页，<footer>须为<body>直接子元素，公安备案号需单独成行并加链接，联系信息与版权文字不得与备案链接混排。
备案号必须用 <a> 包裹且 href 指向工信部官网
纯文本“京ICP备12345678号”不被监管系统识别，<a> 标签不是可选项，而是强制要求。链接必须真实可访问，且指向工信部备案查询页（https://beian.miit.gov.cn），不能跳转到自建页面或 404 地址。
- 正确写法：
<a href="https://beian.miit.gov.cn/#/Integrated/index?keyword=京ICP备12345678号">京ICP备12345678号</a>（注意 URL 中含完整备案号） - 错误写法：
<a href="#">京ICP备12345678号</a>（无实际跳转）、<a href="/beian">京ICP备12345678号</a>（非官方路径） - 备案号文字不可拆分、不可加空格或方括号，如
京ICP备[12345678]号或ICP备12345678号均无效
<footer> 必须是 <body> 的直接子元素才能生效
嵌套在 <div class="footer-wrapper"> 或 <section> 里的 <footer>，即使内容完全合规，也不会被认定为全站备案归属主体。搜索引擎和监管系统只认 <body><footer>...</footer></body> 这一层结构。
- ✅ 正确：
<body><header></header><main></main><footer><small>© 2026 MySite | <a href="https://beian.miit.gov.cn/...">京ICP备12345678号</a></small></footer></body> - ❌ 错误：
<div class="page"><footer>...</footer></div>或<article><footer>...</footer></article>（语义上仅表示该文章的元信息） - React/Vue 项目需检查最终渲染的 HTML：确保
<footer>是真实 DOM 节点，而非仅靠 CSS 定位模拟的“视觉页脚”
公安备案号要另起一行并单独加 <a>
若网站已做公安备案，必须与 ICP 备案号分行显示，不能合并写成“京ICP备…号 | 京公网安备…号”，且两个链接都必须可点击、指向对应查询页。
- 正确结构：
<small>© 2026 MySite</small><br><a href="https://beian.miit.gov.cn/...">京ICP备12345678号</a><br><a href="https://beian.mps.gov.cn/#/portal/registerLogin">京公网安备11010X02000001号</a> - 链接目标必须是公安部备案系统首页，并确保 URL 中携带备案号参数（部分平台支持 keyword 查询）
- 禁止使用
rel="noopener noreferrer"——这不是外链跳转场景，无需安全隔离；但必须确保 href 协议完整（https://开头）
联系信息和版权文字不能和备案链接混在同一行裸写
备案链接属于法律强约束字段，必须语义独立、视觉可区分。把它和邮箱、电话、© 文字堆在一行，既影响读屏软件解析，也降低监管识别率。
立即学习“前端免费学习笔记（深入）”；
- 版权文字建议用
<small>包裹，例如：<small>© 2026 MySite. All rights reserved.</small> - 联系信息（如
contact@example.com）必须用<address>包裹，且不能和备案链接共用同一<address>或<p> - 常见错误：把
<a>放在<address>里当联系方式——备案号不是联系方式，它不指向实体，只指向查询入口
<footer> 在最终 HTML 中是否处于 <body> 直接子级——这三个点任一缺失，等于没写。 
