标签专用于法律效力弱的附属文本，如免责声明、版权年份等，需同时满足法律/版权类、依附主内容、不构成独立陈述三条件；禁止误作样式工具或嵌套缩放。
small标签不是“让字变小”的快捷键
它专用于声明法律效力弱、但需保留的附属文本，比如免责声明、版权年份、许可证类型——浏览器缩小字号只是辅助传达“次要性”，不是设计本意。误用当样式开关，会导致屏幕阅读器跳过关键条款、搜索引擎降权、高对比度模式下文字不可见。
哪些内容能用包裹
必须同时满足三个条件：是法律/版权/注释类文本、依附于主内容存在、本身不构成独立陈述。
-
© 2024 XXX中的2024 XXX可套<small></small>，但 © 符号和公司名不能弱化 -
<input type="email"><small>用于接收验证邮件</small>—— 表单级提示，有交互约束力 -
<td>¥199</td> <td><small>不含税</small></td>—— 表格单元格内补充说明 - 禁止：
<small>价格：¥99</small>（价格是主信息）、<small>温馨提示：活动最终解释权归主办方所有</small>（整句放顶部，脱离主内容）
嵌套不会继续缩放字体
HTML 规范明确禁止嵌套生效：<small>一级<small>二级</small></small> 渲染结果中“一级”和“二级”字号一致。想实现多级缩放（如脚注再套引用说明），必须用 CSS 类控制，例如 class="fine-print" 和 class="super-fine" 分别设 font-size: 0.8rem 与 font-size: 0.6rem。
footer 里怎么用才不翻车
版权主体必须放在 <footer></footer> 块级容器中，<small></small> 只能用于其中真正属于“附属说明”的部分。
✅ 正确：<footer><p>© <small>2024 XXX</small>. <small>All rights reserved.</small></p></footer>
❌ 错误：<small>© 2024 XXX. All rights reserved.</small>（整句弱化）、<footer><small>© 2024 XXX</small></footer>（<small></small> 不该替代 <footer></footer> 的语义容器作用）
最难的从来不是写对标签，而是每次敲下 <small></small> 前，得确认这行字真的属于“细则”——而不是你图省事找的视觉捷径。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
