必须用语义化 标签包裹版权信息，作为 的直接子元素；需添加 rel="license" 指向真实许可证页面； 仅用于弱化次要内容；年份应服务端或构建时注入，避免纯 js 动态更新。
直接用 <footer></footer> 包裹，别塞进 <p></p> 里，也别靠 JS 动态加——否则 SEO 抓不到、读屏器读不准、打印时还可能消失。
必须用 <footer></footer>，不是可选项
版权是整页的元数据，不是某一段的附属内容。浏览器、搜索引擎、读屏软件都靠 <footer></footer> 的语义识别归属主体。写成 <div class="copyright"> 或 <code><small>© 2024 XXX</small> 独立存在，等于主动放弃可访问性和结构化数据支持。
-
<footer></footer>应是的直接子元素，位置尽量靠后（不必绝对末尾） - 别嵌套在
<main></main>或@#@#@#@#@#@#@#@#@#@0 - 错误：
@#@#@#@#@#@#@#@#@#@1（非协议页） - 错误：
@#@#@#@#@#@#@#@#@#@2（空链接） - 若用
<link>全局声明，应放在中：<link rel="license" href="LICENSE.txt">
<small></small> 只能弱化次要部分，不能包整句
<small></small> 的语义是“附属细则”，比如年份、All rights reserved. 这类可省略但需保留的成分。把整个版权字符串（含公司名、符号、年份）全塞进去，会导致屏幕阅读器降权朗读关键主体。
- 合理：
<footer><small>©</small> 2024 MySite <small>All rights reserved.</small></footer> - 合理：
<footer><p>© 2024 MySite</p><div class="aritcle_card flexRow artxards"> <div class="artcardd flexRow"> <a class="aritcle_card_img" rel="nofollow" href="/xiazai/skill5117" title="HTML Extract"><img src="https://img.php.cn/upload/skill/000/000/081/179033952939354.jpg" alt="HTML Extract" onerror="this.onerror='';this.src='/static/lhimages/moren/morentu.png'" ></a> <div class="aritcle_card_info flexColumn"> <a rel="nofollow" href="/xiazai/skill5117" title="HTML Extract" class="overflowclass">HTML Extract</a> <p class="overflowclass">使用 MinerU 从 HTML 页面和文件中提取内容，将 HTML 转换为保持标题、列表、表格及文本层次结构的干净、结构化 Markdown。F...</p> </div> <a rel="nofollow" href="/xiazai/skill5117" title="HTML Extract" class="aritcle_card_btn flexRow flexcenter"><b></b><span>下载</span> </a> </div> </div> <small>开源组件许可详见 LICENSE 文件</small></footer> - 错误：
<footer><small>© 2024 MySite. All rights reserved.</small></footer>
年份自动更新要留降级，别全押给 JS
JS 动态写年份最常见问题是：首屏白屏、爬虫抓取不到、JS 失效时显示空白。服务端渲染或构建时注入才是首选；纯前端方案必须提供静态 fallback。
- 服务端（PHP）：
© <?php echo date('Y'); ?> MySite - 构建工具（Vite）：模板中写
© {year} MySite，插件替换{year} - 纯前端（慎用）：
<footer>© <span id="copyright-year">2024</span> MySite</footer>+ 脚本更新id="copyright-year"，但默认值必须存在 - 别用
document.write()或 innerHTML 替换整段——破坏语义，且无障碍工具可能跳过
最容易被忽略的是：移动端小屏下长版权文字折行错位、链接被截断、字体缩放后布局崩坏。这些不是“样式细节”，而是直接影响可点击性与法律声明有效性的问题——版权链接点不开，等于没声明。
