<small>是语义标签，专用于版权、法律条款等副文本，非样式控制；需用CSS实现文字缩放，避免滥用。
HTML 里没有 <small> 标签的语义误区
很多人以为 <small> 是用来“让文字变小”的样式标签，其实不是。<small> 在 HTML5 中是**语义标签**，专指“附属细则、版权信息、免责声明、法律条款等次要但仍有意义的文字”，浏览器默认用较小字号渲染只是表现方式，不是设计目的。
常见错误现象：<small>价格：¥99</small> —— 这属于滥用，价格不是“细则”，只是普通内容，应该用 CSS 控制大小。
- 语义错位会导致屏幕阅读器误读、SEO 权重稀释、无障碍访问出问题
- 如果你只是想缩放文字，
<small>不可靠：它在部分浏览器或用户自定义样式下可能完全不缩小 - 真正需要语义时才用，比如页脚版权行：
<p><small>© 2024 XXX 版权所有</small></p>
想让文字变小？用 CSS，别硬套 <small>
绝大多数“小字号需求”本质是视觉表达，不是语义分类。这时候该上 CSS，而不是靠标签猜意图。
推荐做法：font-size + 语义正确的容器（如 <span>、<p>、<div>）
立即学习“前端免费学习笔记（深入）”；
- 避免写
<small><span>辅助说明</span></small>—— 套两层没意义 - 直接写：
<span style="font-size: 0.875rem;">辅助说明</span>或用 class 更好 - 注意单位选择：
rem比px更利于可访问性（尊重用户缩放设置） - 不要用
<font size="1">—— 已被 HTML5 废弃，且无语义、不可维护
<small> 的实际适用场景和兼容性提醒
只有当内容本身属于“法律/版权/注释类副文本”时，<small> 才算用对了。它不是“小字通用开关”。
使用场景举例：
- 文章末尾的资料来源标注：
<small>数据来源：国家统计局 2023 年公报</small> - 表单输入框下方的格式提示：
<small>用户名仅支持字母、数字和下划线</small> - 按钮旁的禁用说明：
<button disabled>提交</button> <small>请先勾选协议</small>
兼容性提醒：所有现代浏览器都支持 <small>，但它的默认字体大小在不同 UA stylesheet 中略有差异（Chrome 是 80%，Firefox 是 83%），所以如果对尺寸敏感，仍建议加 CSS 重置。
容易被忽略的细节：嵌套 <small> 不会继续缩小
HTML 规范明确写了：<small> 的嵌套不会产生“逐层缩放”效果。第二层 <small> 和第一层渲染大小一致。
示例：
<small>一级<small>二级</small></small>
结果是“一级”和“二级”一样小，并非“二级更小”。这点常被误认为是 bug，其实是规范行为。
如果你真需要多级缩放（极少见），必须手动用 CSS 实现，比如加 class：<small class="tiny">，再配 .tiny { font-size: 0.75rem; }。
语义和样式的边界一旦混淆，后面改起来就费劲。把“谁在说”（语义）和“怎么说”（样式）分开，事情就清楚多了。
