small标签仅用于短语级附属信息，不可包裹块级元素，须依附主内容存在，嵌套使用不缩放字体，页脚中仅修饰可省略的惯例性附注。
small标签只能用于短语级附属信息，不是独立段落容器
它天生是行内元素，不能直接包裹 <p>、<ul> 或 <div> 这类块级内容。常见错误是写成 <small><p>免责声明</p></small>，浏览器会自动修正 DOM 结构（把 <p> 提到外面），导致语义断裂、样式错乱，axe 工具也会报“嵌套无效”。
真正需要多行细则时，应外层用 <footer> 或 <div role="contentinfo">，内部每段用 <p>，再对其中短语加 <small>：
<footer> <p>© 2024 XXX 公司</p> <p><small>商标与版权受法律保护</small></p> <p><small>服务条款更新于 2026-06-20</small></p> </footer>
small必须依附主内容，单独出现即语义失效
比如在页面顶部单独放 <small>本活动最终解释权归主办方所有</small>，既不是版权也不是法律附注，只是运营话术——屏幕阅读器会弱化甚至跳过播报，SEO 也认为这是低价值文本。
它只有紧贴主内容才有意义：
立即学习“前端免费学习笔记（深入）”；
将调研报告、方案对比、数据分析、需求梳理、会议纪要、设计说明、代码评审、学习笔记等任务产物输出为可在浏览器直接打开的单文件 HTML，替代 Markdown 作为最终交付物。Markdown 在信息密度、视觉清晰度和可分享性上已跟不上 AI 产物的丰富度，HTML 能同时承载排版、表格、SVG 等。
-
<label>邮箱地址</label><input type="email"><small>请使用公司域名邮箱</small>—— 依附表单控件 -
<p>本文由 AI 辅助生成，<small>事实核查责任仍由作者承担</small></p>—— 依附正文声明 -
<dd>¥199<small>含税，7 天无理由退换</small></dd>—— 依附定义项
嵌套small不会进一步缩小字体，这是规范行为
<small>一级<small>二级</small></small> 中，“一级”和“二级”渲染大小完全一致。这不是浏览器 bug，HTML 规范明确禁止逐层缩放。
如果真需要多级视觉区分（比如“版权年份”比“保留权利”更小），必须用 CSS 类：
<footer>
<p><span class="year">© 2024</span> XXX 公司。<span class="rights">All rights reserved.</span></p>
</footer>
<style>
.year { font-size: 0.9em; }
.rights { font-size: 0.75em; }
</style>
页脚版权中small只能修饰附属部分，不能包整句
整句 <small>© 2024 XXX. All rights reserved.</small> 是高危写法：辅助技术可能忽略 © 符号和公司名，导致版权主体不可识别。
正确做法是让主干保持语义权重，只用 <small> 包裹真正可省略的惯例性附注：
- ✅
<footer><p>© 2024 XXX 公司。<small>></small>> - ✅
<footer><p><small>©</small> 2024 XXX <small>all rights reserved.<></small>all> - ❌
<small>© 2024 XXX. All rights reserved.</small>（无<footer>，无主干）
最容易被忽略的是：small 的存在本身不提供结构上下文，它永远只是“修饰符”，不是“容器”。离开 <footer>、<aside> 或紧邻的 <p>，它就失去了语义锚点。
