small标签仅用于短语级附属信息，不可包裹块级元素，须依附主内容存在，嵌套使用不缩放字体，页脚中仅修饰可省略的惯例性附注。
small标签只能用于短语级附属信息，不是独立段落容器
它天生是行内元素，不能直接包裹 <p></p>、<ul></ul> 或 <div> 这类块级内容。常见错误是写成 <code><small></small><p>免责声明</p>，浏览器会自动修正 DOM 结构（把 <p></p> 提到外面），导致语义断裂、样式错乱，axe 工具也会报“嵌套无效”。
真正需要多行细则时，应外层用 <footer></footer> 或 <div role="contentinfo">，内部每段用 <code><p></p>，再对其中短语加 <small></small>：
<footer><p>© 2024 XXX 公司</p> <p><small>商标与版权受法律保护</small></p> <p><small>服务条款更新于 2026-06-20</small></p> </footer>
small必须依附主内容，单独出现即语义失效
比如在页面顶部单独放 <small>本活动最终解释权归主办方所有</small>，既不是版权也不是法律附注，只是运营话术——屏幕阅读器会弱化甚至跳过播报，SEO 也认为这是低价值文本。
它只有紧贴主内容才有意义：
文章转信息图。将文章/笔记转化为手机可读的 HTML 信息图，自动匹配视觉风格。触发场景：文章转图、笔记转图、信息图、转小红书图、做张图、可视化这篇文章、文生图。
-
<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></small> 包裹真正可省略的惯例性附注：
- ✅
<footer><p>© 2024 XXX 公司。<small>保留所有权利</small></p></footer> - ✅
<footer><p><small>©</small> 2024 XXX <small>All rights reserved.</small></p></footer> - ❌
<small>© 2024 XXX. All rights reserved.</small>（无<footer></footer>，无主干）
最容易被忽略的是：small 的存在本身不提供结构上下文，它永远只是“修饰符”，不是“容器”。离开 <footer></footer>、<aside></aside> 或紧邻的 <p></p>，它就失去了语义锚点。
