仅用于法律/归属类旁注，如表单提示、版权条款、数据来源等；非语义小字应改用css类控制样式，避免语义混乱与可访问性问题。
别用 <small></small> 单独缩文字——它不是样式开关，是语义标签，只该用于版权、免责声明、字段提示这类“法律/归属类旁注”。
哪些内容真该用 <small></small>
只有当文字本身属于“依附主内容、有法律或归属意义、但用户可跳过阅读”的短语级信息时，<small></small> 才算语义正确：
- 表单中紧贴
<input>的格式说明：<small>仅支持字母、数字和下划线</small> - 页脚版权行里的补充条款：
<footer><p>© 2024 XXX 公司。<small>商标与版权均受法律保护</small></p></footer> - 数据引用末尾的来源标注：
<p>全球平均气温上升1.2°C。<small>数据来源：IPCC AR6, 2023</small></p> - 禁用按钮旁的操作前提：
<button disabled>提交</button> <small>请先勾选协议</small>
这些场景共同点是：内容不可删（法律或交互必需），但又不是主陈述；它必须紧贴主内容出现，不能孤立存在。
<small></small> 嵌套无效，也别指望默认缩放
写成 <small>一级<small>二级</small></small>，浏览器会把两级都渲染成相同字号——这不是 bug，是 HTML 规范明确禁止多级缩放。同时，主流 CSS reset（如 * { font-size: 100%; }）会直接抹掉它的默认缩小行为，结果它和普通文本一样大。
必须显式重设样式才能可靠控制尺寸：
small {
font-size: 0.875rem; /* 推荐 rem，兼容用户系统缩放 */
line-height: 1.6;
color: #5a5a5a;
}
单位别用 px，否则会破坏可访问性；也别依赖浏览器差异（Chrome 默认 80%，Firefox 83%，Safari 不统一）。
多数“小字需求”其实该用 CSS 类
按钮旁的“仅限新用户”，卡片底部的“最后更新：2026-05-25”，UI 中的“辅助说明”——这些都不是法律旁注，只是视觉弱化，硬套 <small></small> 会导致屏幕阅读器弱化播报、SEO 权重稀释、语义结构混乱。
更稳妥的做法是：
- 用语义正确的容器：
<p class="text-xs">最后更新：2026-05-25</p> - 配 CSS 控制：
.text-xs { font-size: 0.75rem; } - 彻底避开已废弃的
<font size="1"></font>，它无语义、不可维护、HTML5 不支持
真正容易被忽略的是：一旦开始用 <small></small>，就得逐处判断——这段话是不是真的属于“法律/归属/细则”语义。多数时候，它只是个顺手的快捷键，但代价是语义失焦，且后续很难补救。
