应使用语义正确的标签替代：版权用，附带说明用，可展开条款用，纯文本场景用加显式CSS；若必须用，需手动设font-size: 0.8em等确保缩放与可访问性。
<small></small> 不是法律文本专用标签，它只是语义上表示“旁注、次要内容”，浏览器默认会缩小字号（通常比父级小一号），但不自带法律文本所需的可读性、语义强度或无障碍支持。直接用它放版权或条款，既不符合语义规范，也容易被重置样式误杀。
为什么 <small></small> 的默认样式在 reset 后会消失
主流 CSS reset（比如 * { margin: 0; padding: 0; } 或 Meyer Reset）会把 <small></small> 的 font-size 设为 100%，覆盖其原本的“相对缩小”行为；同时清除 vertical-align 和行高继承，导致视觉上和普通文本完全一样。
- reset 规则中常含
small { font-size: 100%; }或更粗暴的font-size: 100%;全局声明 - 某些 reset 还会重置
line-height，让<small></small>行距塌陷，文字挤在一起 - 如果项目用了
normalize.css，它反而保留了<small></small>的缩小逻辑（font-size: 80%），但依然不解决语义和可访问性问题
法律文本该用什么标签，而不是 <small></small>
法律文本需要明确的语义、可预测的渲染、屏幕阅读器正确识别，<small></small> 无法满足这些。应优先选择：
-
<footer></footer>包裹整段版权信息（如页面底部的 © 2026 XXX 版权所有） -
<aside></aside>标记附带的法律说明（如注册页旁的“隐私政策说明”） -
<details><summary></summary></details>封装可展开的条款全文（兼顾简洁与合规） - 纯文本场景下，用
<p class="legal-text"></p>+ 显式 CSS 控制字体、行高、颜色
所有这些都比依赖 <small></small> 的隐式行为更可控、更可维护。
立即学习“前端免费学习笔记（深入）”；
如果非要用 <small></small>，怎么安全 reset 并保留缩小效果
不要指望 reset 后它还能自动变小——你得手动补上缩放逻辑，并确保不影响可访问性：
- 在 reset 基础上单独声明：
small { font-size: 0.8em; line-height: 1.4; } - 避免用
px固定字号，否则缩放时会失效；em或rem才能随用户设置响应 - 加
color: #666;和适当margin-top，提升可读性（法律文本不是越小越好） - 务必检查屏幕阅读器是否仍将其读作“次要内容”——若业务要求强语义，就别妥协用
<small></small>
真正麻烦的不是样式重置，而是当设计师说“这里放个 small 版权”时，你得立刻意识到：ta 想要的是视觉效果，而 HTML 需要的是语义+样式+可访问性三者对齐。缺一不可。
