small标签专用于法律声明、版权补充、表单提示等短语级附属说明，如©2024公司商标与版权受保护、输入框后仅支持字母数字下划线等。
small 标签不是“让字变小”的快捷键，它是专为法律声明、版权信息、字段提示等“细则类旁注”设计的语义标签。 用错地方不仅视觉不可控，还会破坏可访问性、干扰屏幕阅读器播报，甚至影响 SEO。
small 标签该用在哪些具体位置
它只适用于紧贴主内容出现的、短语级的附属说明，且本身具有法律/归属/备注属性：
-
—— 主版权在，仅包裹补充说明 - 表单中输入限制提示：
仅支持字母、数字和下划线 - 文章末尾的生成声明：
本文由 AI 辅助撰写。
- 数据来源标注：
数据来源：国家统计局 2023 年公报
嵌套 small 不会继续缩小字体
HTML 规范明确禁止通过嵌套实现多级缩放。写成 一级二级，结果“一级”和“二级”字号完全一致——这不是 bug，是规范行为。
- 需要真正多级尺寸（如正文 16px → 注释 14px → 时间戳 12px），必须用 CSS 类控制：
class="text-xs"、class="text-xxs" - 浏览器默认缩放比例不统一：Chrome 是 80%，Firefox 是 83%，Safari 可能更不同；依赖默认值等于放弃尺寸一致性
- 若需统一，必须显式重置：
small { font-size: 0.875rem; }
用 small 还是用 CSS？关键看语义是否成立
判断标准只有一个：这段文字是不是“即使删掉也不影响主信息完整性，但保留它对法律、归属或合规有实际意义”的短语？
- ✅ 是：
本服务受《用户协议》约束、CC BY-NC 4.0 许可 - ❌ 否：
价格：¥99（价格是主信息）、点击查看详情（纯 UI 提示）、温馨提示：活动最终解释权归主办方所有（运营话术，非法律附注） - 替代方案更推荐：
请先勾选协议
font-size，语义干净、样式可控、无障碍友好
最容易被忽略的是：一旦你开始用 ，就得对每一处都问一遍“它真的是免责声明或版权附注吗？”——多数时候，那个“看起来很小”的需求，其实只是视觉问题，不该动语义标签。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
