标签核心作用是语义化标记法律旁注、版权、免责声明等附属但必需的内容，而非单纯缩小字体；浏览器默认约80%字号缩放是规范强制行为，受父元素font-size及CSS重置影响，须显式设最小字号并禁用嵌套以保障可读性与可访问性。
<small> 标签能展示小号字体，但它的核心作用不是“变小”，而是标记法律旁注、版权、免责声明这类**语义上附属但必需的内容**。直接用它套文字，不加判断，大概率会踩语义坑或可访问性雷。
为什么 <small> 渲染出来是小字？
浏览器默认对 <small> 应用约 80% 的字号缩放（比如父级是 16px，<small> 就是 12.8px 左右），这是 HTML 规范强制要求的行为，不是 CSS 偶然效果。但它受以下因素直接影响：
- 父元素的
font-size是基准——若父级用rem或em，<small>会继承后再次缩放，可能掉到10px以下 - 某些 CSS 重置库（如 Normalize.css）会覆盖默认样式，把
<small>设为font-size: inherit，结果完全不缩小 - 旧版 Safari 曾对
<small>强制二次压缩，需加-webkit-text-size-adjust: 100%修复
哪些场景适合用 <small> 写版权旁注？
W3C 明确列出的典型用例包括：页脚版权、表单下方格式提示、按钮旁禁用说明、文章末尾数据来源标注。关键前提是——它必须紧贴主内容、语义从属、不可省略。
- ✅ 正确：
<p>本服务受《用户协议》约束。<small>最终解释权归本公司所有。</small></p> - ✅ 正确：
<button disabled>提交</button> <small>请先勾选《隐私政策》</small> - ❌ 错误：
<small>¥99</small>（价格是主信息，不是附属细则） - ❌ 错误：
<small>立即购买</small>（这是操作动词，不是法律文本）
怎么防止 <small> 小到看不见？
默认缩放在高 DPI 屏幕或系统文本放大开启时极易跌破可读下限（WCAG 要求最低 12px）。不能只靠浏览器默认值，必须主动干预：
- 显式设最小字号：
small { font-size: clamp(12px, 0.75rem, 14px); } - 禁用 UA 强制压缩：
small { -webkit-text-size-adjust: 100%; } - 禁止嵌套：
<small>一级<small>二级</small></small>中“二级”不会更小，但易被误读为层级更深，且叠加其他样式后可能意外过小 - 别依赖它做无障碍支持：
<small>本身无 ARIA 属性，屏幕阅读器不会特别提示“这是小字”，必要时补aria-label或包裹在<aside>中
真正麻烦的从来不是怎么让字变小，而是当 <small> 被抽离出法律上下文后，它只剩一个脆弱的视觉降级——既没语义锚点，又容易被 CSS 意外覆盖，还可能在辅助技术里彻底消失。
