small标签用于标识细则类旁注等次要语义内容，如版权、免责声明；错误用于运营话术会损害可访问性；正确用法是紧贴主内容的附属信息，如文末AI生成声明。
small 标签不是“缩小字体”的快捷键
它不负责样式控制，只表达语义：内容属于“细则类旁注”，比如版权短语、免责声明、许可条款的补充说明。浏览器默认用较小字号渲染，只是辅助传达这种次要性，不是设计本意。
常见错误现象：<small>温馨提示：本活动最终解释权归主办方所有</small> 单独放在页面顶部——这既非版权也非法律附注，只是运营话术，语义错配；更严重的是，屏幕阅读器会弱化播报该内容，影响可访问性。
- 真正适合
small的，是紧贴主内容出现的附属信息，例如文章末尾的<p>本文由 AI 辅助生成，<small>事实核查责任仍由作者承担/p></small> - 不要嵌套
small来“进一步缩小”：第二层small和第一层渲染尺寸一致，不是 bug，是规范行为 - 如果只是想让某段文字视觉变小，直接用
font-size+ 语义正确的容器（如<p class="fine-print">），别硬套small
法律声明里哪些能用 small，哪些不能
small 只适用于短语级、依附于主内容存在的法律信息，不是法律页面的容器。
- ✅ 可用：
<footer><p>© 2024 XXX 公司。<small>部分功能受最终用户许可协议约束/p></footer></small>—— “约束”这条是主版权声明的补充说明 - ❌ 禁用：
<small><p>一、定义……二、服务范围……</p></small>—— 整个《用户协议》正文不能塞进small，它不是语义容器，也不支持块级子元素 - ⚠️ 注意：
small是行内元素，不能直接包裹<p>、<ul>等块级标签；若需多段细则，应在外层用<div>或<section>，内部各段用<p>，再对其中短语级补充加small
版权信息放 footer 还是 small？先分清层级
站点级主版权必须用 <footer>，small 只在需要弱化某一条时才介入，且只能是其子内容。
立即学习“前端免费学习笔记（深入）”；
-
<footer><p>© 2024 XXX 公司。保留所有权利。<small>商标与版权均受法律保护/p></footer></small>—— 主体清晰，补充说明被合理弱化 - 不要反过来：
<small><footer>© 2024 XXX 公司</footer></small>—— 语义倒置，small不是容器，不能包裹结构性元素 - article 内部的作者版权声明可用
<footer>（文章级页脚），此时small可用于其内的许可备注，例如<footer><small>本文采用 CC BY-NC 4.0 许可</small></footer>
兼容性和尺寸控制别依赖默认行为
不同浏览器对 small 的默认缩放比例不一致（Chrome 80%，Firefox 83%），且无法通过嵌套叠加。真要控制大小，得靠 CSS。
- 重置尺寸建议：
small { font-size: 0.875rem; }，用rem保证可访问性（尊重用户系统字号设置） - 避免写
<font size="1">—— HTML5 已废弃，无语义、不可维护、不支持现代构建工具 - SSR 场景下动态年份（如
new Date().getFullYear()）可能首屏为空或过期，版权年份建议服务端注入或用data-属性 + 客户端补全
