small标签用于标识细则类旁注等次要语义内容，如版权、免责声明；错误用于运营话术会损害可访问性；正确用法是紧贴主内容的附属信息，如文末ai生成声明。
small 标签不是“缩小字体”的快捷键
它不负责样式控制，只表达语义：内容属于“细则类旁注”，比如版权短语、免责声明、许可条款的补充说明。浏览器默认用较小字号渲染，只是辅助传达这种次要性，不是设计本意。
常见错误现象：<small>温馨提示：本活动最终解释权归主办方所有</small> 单独放在页面顶部——这既非版权也非法律附注，只是运营话术，语义错配；更严重的是，屏幕阅读器会弱化播报该内容，影响可访问性。
- 真正适合
small的，是紧贴主内容出现的附属信息，例如文章末尾的<p>本文由 AI 辅助生成，<small>事实核查责任仍由作者承担</small></p> - 不要嵌套
small来“进一步缩小”：第二层small和第一层渲染尺寸一致，不是 bug，是规范行为 - 如果只是想让某段文字视觉变小，直接用
font-size+ 语义正确的容器（如<p class="fine-print"></p>），别硬套small
法律声明里哪些能用 small，哪些不能
small 只适用于短语级、依附于主内容存在的法律信息，不是法律页面的容器。
- ✅ 可用：
<footer><p>© 2024 XXX 公司。<small>部分功能受最终用户许可协议约束</small></p></footer>—— “约束”这条是主版权声明的补充说明 - ❌ 禁用：
<small></small><p>一、定义……二、服务范围……</p><div class="aritcle_card flexRow artxards"> <div class="artcardd flexRow"> <a class="aritcle_card_img" rel="nofollow" href="/xiazai/skill6712" title="Wechat HTML Publisher"><img src="https://img.php.cn/upload/skill/000/000/081/179109368394970.jpg" alt="Wechat HTML Publisher" onerror="this.onerror='';this.src='/static/lhimages/moren/morentu.png'" ></a> <div class="aritcle_card_info flexColumn"> <a rel="nofollow" href="/xiazai/skill6712" title="Wechat HTML Publisher" class="overflowclass">Wechat HTML Publisher</a> <p class="overflowclass">直接上传HTML富文本到微信公众号草稿箱。支持完整的HTML格式,无需Markdown转换。</p> </div> <a rel="nofollow" href="/xiazai/skill6712" title="Wechat HTML Publisher" class="aritcle_card_btn flexRow flexcenter"><b></b><span>下载</span> </a> </div> </div>—— 整个《用户协议》正文不能塞进small，它不是语义容器，也不支持块级子元素 - ⚠️ 注意：
small是行内元素，不能直接包裹<p></p>、<ul></ul>等块级标签；若需多段细则，应在外层用<div> 或 <code><section></section>，内部各段用<p></p>，再对其中短语级补充加small版权信息放 footer 还是 small？先分清层级
站点级主版权必须用
<footer></footer>，small只在需要弱化某一条时才介入，且只能是其子内容。-
<footer><p>© 2024 XXX 公司。保留所有权利。<small>商标与版权均受法律保护</small></p></footer>—— 主体清晰，补充说明被合理弱化 - 不要反过来：
<small><footer>© 2024 XXX 公司</footer></small>—— 语义倒置，small不是容器，不能包裹结构性元素 - article 内部的作者版权声明可用
<footer></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"></font>—— HTML5 已废弃，无语义、不可维护、不支持现代构建工具 - SSR 场景下动态年份（如
new Date().getFullYear()）可能首屏为空或过期，版权年份建议服务端注入或用data-属性 + 客户端补全
-
