small 仅用于弱化版权信息中附属部分，主版权声明必须置于 footer 或 address 内；正确写法为 <footer>© 2024 XXX</footer>，且 small 不应包裹整句版权内容。
small 不是用来“加版权信息”的容器，而是用来标记版权信息中**次要、附属但需保留的语义部分**；主版权声明必须放在 footer 或 address 里，small 只能嵌套其中作弱化处理。
版权信息必须用 footer，不是 small
W3C 明确要求站点级版权属于页面元数据，语义上归 footer 元素。直接写 <small>© 2024 XXX</small> 是错的——它脱离上下文，屏幕阅读器无法识别这是页脚声明，SEO 也不认。
-
footer是块级语义容器，代表页面/章节的结尾元数据区域 -
small是行内容器，只能用于已存在语义结构中的“细则”部分 - 正确写法：
<footer><small>© 2024 XXX. All rights reserved.</small></footer> - 若版权主体是联系人（如个人博客），可进一步用
<address>包裹：<footer><address><small>作者：张三</small></address></footer>
small 在版权行里到底修饰什么？
它不修饰整个版权句，只修饰其中真正属于“附属说明”的成分。比如年份、保留条款、许可证类型这些可省略但仍有法律意义的部分。
- ✅ 合理：
<small>©</small> 2024 XXX <small>All rights reserved.</small>—— “©”和“All rights reserved.”是惯例性附注，语义权重低 - ❌ 错误：
<small>© 2024 XXX. All rights reserved.</small>—— 整句被弱化，主版权主体反被降权 - ⚠️ 注意：嵌套
small不会继续缩小字号，<small>A<small>B</small></small>中 A 和 B 渲染大小一致
表单、文章、图片里的“辅助说明”才真需要 small
这些场景里没有 footer 的强语义约束，small 才回归本职：标记用户可跳过但不应删除的补充信息。
立即学习“前端免费学习笔记（深入）”；
- 表单输入提示：
<input type="email"><small>请使用公司邮箱注册</small> - 文章末尾来源标注：
<p>本文数据来自公开财报。<small>数据来源：证监会 2023 年度报告</small></p> - 图片署名：
<img src="a.jpg"><small>Photo by Jane Doe</small> - 产品参数单位：
15.6" <small>(diagonal)</small>
最容易被忽略的是：哪怕你用了 small，浏览器默认字号在 Chrome（80%）和 Firefox（83%）里也不一样；如果设计对尺寸敏感，必须加 CSS 重置，比如 small { font-size: 0.875rem; }。语义不能代替视觉控制，两者得一起管。
