仅适用于法律/版权/注释类、依附主内容、不构成独立陈述的文本，如页脚版权、表单格式提示、定义列表补充说明。
<small></small> 标签只能用于语义上确属“附属细则”的内容，不是缩小字体的快捷键。用错会导致屏幕阅读器弱化播报、SEO 权重稀释、无障碍支持失效。
哪些内容真正适合用 <small></small>
必须同时满足三个条件：是法律/版权/注释类文本、依附于主内容存在、本身不构成独立陈述。
- 页脚中的版权短语：
<footer><p>© 2024 XXX 公司。<small>部分服务受最终用户许可协议约束</small></p></footer> - 表单字段下方的格式提示：
<label>邮箱</label><input type="email"><small>请输入公司邮箱地址</small> - 定义列表中的补充说明：
<dd>¥199<small>含税，7 天无理由退换</small> </dd> - 文章末尾的 AI 生成声明：
<p>本文由 AI 辅助撰写。<small>事实核查与责任归属仍由作者承担</small></p> <p><span>立即学习</span>“<a href="https://pan.quark.cn/s/cb6835dc7db1" style="text-decoration: underline !important; color: blue; font-weight: bolder;" rel="nofollow" target="_blank">前端免费学习笔记（深入）</a>”；</p><div class="aritcle_card flexRow"> <div class="artcardd flexRow"> <a class="aritcle_card_img" href="/xiazai/skill10246" title="HTML Text Extract"><img src="https://img.php.cn/upload/skill/001/246/273/6adaf20dee630206.jpg" alt="HTML Text Extract" ></a> <div class="aritcle_card_info flexColumn"> <a href="/xiazai/skill10246" title="HTML Text Extract">HTML Text Extract</a> <p>从HTML页面（URL、文件或标准输入）中提取主体内容文本，去除导航、页脚、广告和模板文本。可直接传递给readability_check或其他文本工具。</p> </div> <a href="/xiazai/skill10246" title="HTML Text Extract" class="aritcle_card_btn flexRow flexcenter"><b></b><span>下载</span> </a> </div> </div>
为什么不能把整段《用户协议》塞进 <small></small>
<small></small> 是行内元素，不能直接包裹 <p></p>、<ul></ul> 或多段文字。强行这么做会触发 HTML 解析错误，或被浏览器自动修正为无效结构。
- ❌ 错误写法：
<small></small><p>一、定义……</p> <p>二、责任限制……</p> - ✅ 正确路径：用
<section class="legal-disclaimer"></section>包裹全文，再对其中各段用 CSS 控制字号（如font-size: 0.875rem） - ⚠️ 注意：
<small></small>不提升法律效力，也不替代合规审查——它只是语义标记，不是法律容器
嵌套 <small></small> 不会继续缩小字体
HTML 规范明确禁止“逐层缩放”：<small>一级<small>二级</small></small> 中，“一级”和“二级”渲染尺寸完全一致。这不是浏览器 bug，而是标准行为。
- Chrome 默认缩至 80%，Firefox 是 83%，Safari 又略有不同 —— 依赖 UA stylesheet 就等于放弃尺寸一致性
- 真要实现多级字号（如正文 16px → 细则 14px → 注脚 12px），必须用 CSS 类：
class="fine-print"和class="footnote"，并显式设置font-size - 所有现代浏览器都支持
<small></small>，但如果你加了small { font-size: 0.875rem; }，就能绕过 UA 差异，统一为 14px（假设根字号为 16px）
最容易被忽略的一点：每次你打算敲 <small></small>，都要问自己一句——这段话如果去掉，主内容是否依然完整、合法、可理解？如果答案是“否”，那它就不该用 <small></small>。
