免责声明文字必须用，因其是HTML5规范定义的“页面或章节结尾元信息容器”，被搜索引擎、读屏软件及结构化数据工具依赖识别；用仅为旧框架受限时的退选方案。

免责声明文字该放

还是

？

必须用 <footer></footer>，不是为了“看起来像底部”，而是因为它是 HTML5 中唯一被规范定义为“页面或章节结尾元信息容器”的语义标签。搜索引擎、读屏软件、结构化数据提取工具（比如 Google 的 Rich Results 测试）都依赖这个标签识别法律声明归属。用 <div role="contentinfo"> 是退而求其次的 ARIA 方案，仅当项目受限于旧框架无法改语义结构时才考虑——但 <code><footer></footer> 兼容性早已覆盖 Chrome 29+/Firefox 20+/Safari 9+，没理由不用。

怎么写免责声明才不算“摆样子”？

纯文字堆砌 © 2024 XXX 公司免责 —— 这类写法既无法律效力，也容易被爬虫忽略。真正有效的免责声明需满足三个硬条件：

• 主体明确：写清责任方全称（如“北京某某科技有限公司”），别用“本站”“本平台”这种模糊指代
• 链接可验证：若声明引用《用户协议》或《隐私政策》，<a href="/legal/terms"></a> 必须真实可访问，且目标页 HTTP 状态码是 200
• rel 属性到位：对协议类链接加 rel="license"，对免责声明页加 rel="nofollow"（避免权重误导）

示例结构：

<footer class="site-footer"><br>  <p>© <script>document.write(new Date().getFullYear())</script> 北京某某科技有限公司。本平台所有内容仅供参考，不构成任何法律或投资建议。<br>详见<a href="/legal/disclaimer" rel="nofollow">《免责声明》</a> | <a href="/legal/terms" rel="license">《用户协议》</a></p><br></footer>

小屏下免责声明换行错乱、链接点不到怎么办？

移动端最常出问题的是文字挤成一团、<a></a> 热区太小、年份 JS 被压缩工具删掉。关键控制点就三句 CSS：

立即学习“前端免费学习笔记（深入）”；

HTML Text Extract

从HTML页面（URL、文件或标准输入）中提取主体内容文本，去除导航、页脚、广告和模板文本。可直接传递给readability_check或其他文本工具。

下载

• font-size: clamp(0.75rem, 0.5vw + 0.6rem, 0.875rem); —— 流体字号，比媒体查询更平滑，防 iOS Safari 小屏缩放失真
• a { padding: 0.25em 0.5em; border-radius: 2px; } —— 给链接留够点击空间，顺便 hover 有反馈
• line-height: 1.6; —— 防止多行文字粘连，尤其含中文顿号、竖线分隔符时

别忘了给 <footer></footer> 加 padding: 1rem 1.5rem;，否则文字紧贴边缘，在 iOS 上显得廉价且易误触返回键。

JS 动态生成年份会不会被 SEO 忽略？

会。Googlebot 现在虽支持 JS 渲染，但默认不等待异步执行；如果版权年份靠 document.write() 或 innerHTML 注入，首次抓取很可能只看到空占位符或旧年份。真正稳妥的做法是：

• 静态页：构建时用模板引擎（如 Hugo 的 {{ now.Year }}、Jekyll 的 {{ 'now' | date: '%Y' }}）注入
• SSR 应用：服务端直接吐出当前年份，JS 只作 fallback（比如 data-year="2026" + textContent = el.dataset.year || new Date().getFullYear()）
• 纯前端 SPA：年份必须和服务端时间同步，别信客户端 new Date() —— 用户设备时间可能错 3 年

真正难的不是写出这段代码，是每次上线前检查：footer 是否仍撑开 body、iOS Safari 是否触发了意外缩放、UglifyJS 是否把 getFullYear() 压缩成 getYear()（已废弃）导致年份错乱——这些地方不报错，但一上线就露馅。