<small> 是语义化标签,专用于版权、条款、免责声明等法律性次要文本,而非仅控制字体大小;它向辅助技术和搜索引擎传达内容的法律效力与非主导性,不可滥用为样式工具或替代 <footer>、<address> 等专属语义标签。

为什么不是“缩小字体”的快捷方式
在 HTML5 中是语义化标签,不是样式工具。它明确表示内容属于“附属、次要、法律性”文本,比如版权、免责声明、条款链接等。浏览器默认缩放只是视觉反馈,核心价值在于告诉屏幕阅读器、搜索引擎:“这段文字不主导页面主旨,但具有法律效力”。如果只用 CSS 设置 font-size: 80%,语义就丢失了——辅助技术无法识别这是法律声明,SEO 也可能弱化其权威性。
哪些法律文本适合用包裹
符合以下任一条件的文本才应使用 <small>:
- 版权信息(如
<small>© 2024 Your Co.</small>) - 服务条款或隐私政策的页脚链接(
<small><a href="/terms">Terms of Service</a></small>) - 免责声明(例如 “*Results not typical” 或 “Subject to change without notice”)
- 注册/订阅框下方的合规提示(如 “By signing up, you agree to our
<small><a>Privacy Policy</a></small>”)</li> </ul> <p>注意:<code><small>
不适用于纯装饰性缩写、图标旁的说明文字、或需要独立语义层级的内容(如<address>已有专属语义,不应再套<small>)。嵌套规则和常见错误
<small>允许嵌套,但必须保持语义一致性。典型错误包括:立即学习“前端免费学习笔记(深入)”;
- 在
<small>内放<h1>~<h6>:违反规范,<small>不能承载标题语义 - 把整个页脚
<footer>包进<small>:页脚本身已是语义容器,<small>应仅作用于其中的次要文本段落 - 用
<small>替代<time datetime="...">标记发布日期:时间信息有专属语义标签,混用会削弱机器可读性 - 对
<small>设置font-size: 1em强制还原大小:破坏其语义意图,应通过其他方式(如外层<footer>的 CSS)统一控制视觉权重
与
<small>常出现在<footer>内部,但它不替代<footer>的结构作用;同样,<address>用于作者联系信息,若页脚同时含公司地址和版权声明,正确做法是:<footer> <address>contact@company.com</address> <small>© 2024 Company Inc. All rights reserved.</small> </footer>
这里
<address>表达“谁可联系”,<small>表达“谁拥有权利”——两者语义不同,不可合并或互相包裹。容易被忽略的是:当法律声明跨多行(如含地址、电话、备案号),每行应单独用<p>包裹,再各自套<small>,而非塞进一个<small>里用<br>换行(<br>被禁止使用)。 - 在



















