必须包含©符号、动态年份、主体名称及带超链接的备案号;JS用document.getElementById('year').textContent=new Date().getFullYear()更新年份;备案号须href="https://beian.miit.gov.cn"且格式正确;CSS推荐flex布局使页脚贴底不遮挡。

页脚结构怎么写才符合国内合规要求
必须包含版权符号、年份、主体名称(公司/个人全称)、备案号三要素,缺一不可。备案号要带超链接指向工信部官网查询页,不能只写号码。
常见错误是把 © 写成 (c) 或文字“Copyright”,或漏掉年份动态更新逻辑;备案号用纯文本、没加 https://beian.miit.gov.cn 链接,会被认定为无效展示。
推荐基础结构:
<footer>
<p>© <span id="year">2024</span> <a href="https://example.com">上海某某科技有限公司</a> 版权所有</p><div class="aritcle_card flexRow">
<div class="artcardd flexRow">
<a class="aritcle_card_img" href="/xiazai/skill10246" title="HTML Text Extract"><img
src="https://img.php.cn/upload/skill/001/246/273/6adaf20dee630206.jpg" alt="HTML Text Extract" ></a>
<div class="aritcle_card_info flexColumn">
<a href="/xiazai/skill10246" title="HTML Text Extract">HTML Text Extract</a>
<p>从HTML页面(URL、文件或标准输入)中提取主体内容文本,去除导航、页脚、广告和模板文本。可直接传递给readability_check或其他文本工具。</p>
</div>
<a href="/xiazai/skill10246" title="HTML Text Extract" class="aritcle_card_btn flexRow flexcenter"><b></b><span>下载</span> </a>
</div>
</div><p><span>立即学习</span>“<a href="https://pan.quark.cn/s/cb6835dc7db1" style="text-decoration: underline !important; color: blue; font-weight: bolder;" rel="nofollow" target="_blank">前端免费学习笔记(深入)</a>”;</p>
<p><a href="https://beian.miit.gov.cn" target="_blank">沪ICP备12345678号-1</a></p>
</footer>
如何自动更新页脚年份避免手动改
硬编码年份(如写死 2024)迟早会过期,尤其项目维护周期长时。最轻量方案是用 JS 动态注入,不依赖构建工具或后端渲染。
注意:不能用 document.write()(已废弃且阻塞渲染),也不能在 DOM 加载前操作元素。
- 确保
<span id="year"></span>元素存在且在 JS 执行前已解析 - JS 放在


















