small标签不能单独用于页脚法律声明，必须嵌套在footer内且仅弱化次要短语；版权主体（如公司名）不可包裹，仅©符号和“All rights reserved.”等惯例附注适用small，且需lang属性；small不可包裹块级内容，非语义“视觉小”应改用CSS类。
small 标签不能单独用于页面底部法律声明
直接用 <small>© 2026 公司名称</small> 放在页脚，是语义错误。它缺少结构锚点，屏幕阅读器无法识别这是整页的版权归属，SEO 工具也提取不到结构化数据。footer 才是唯一合法的语义容器，small 只能用来弱化其中真正次要的部分。
正确嵌套：footer 包主体，small 包附属短语
主版权信息（如公司名、© 符号）应保持正常语义权重；只有惯例性附注才适合用 small。常见合规写法：
<footer> <small>©</small> 2026 MySite <small>All rights reserved.</small> </footer>
-
©和All rights reserved.是国际惯例中的弱语义成分，适合small - 公司名
MySite不该被包裹——它是版权主体，需保留完整语义 - 若含多语言，必须给
small显式加lang属性，如<small lang="en">All rights reserved.</small>
small 在法律声明中只适用于短语级补充说明
small 是行内元素，不能包裹段落、列表或块级内容。整段《用户协议》或《隐私政策》正文绝不可塞进 small —— 它不是容器，也不支持语义扩展。
- ✅ 合理：
<p>注册即视为同意条款。<small>最终解释权归本公司所有</small></p>（紧贴主句的短语级补充） - ❌ 错误：
<small><p>第一条：……</p><p>第二条：……</p></small>（非法嵌套，破坏 HTML 结构） - ⚠️ 注意：
small默认不带可聚焦能力，别指望它响应点击事件；需要交互时，用<a href="#"><small>查看完整协议</small></a>
reset 后必须手动恢复缩放，且要用相对单位
多数 CSS reset 会把 small 的 font-size 设为 100%，导致视觉上和普通文本一样大。你得主动补上可控缩放逻辑：
立即学习“前端免费学习笔记（深入）”；
small {
font-size: 0.875rem; /* 避免 px，确保随用户系统字号缩放 */
line-height: 1.5;
color: #666;
}- 绝对值如
font-size: 12px在高对比度模式或浏览器放大时会失效 - 嵌套
<small><small>xxx</small></small>不会进一步缩小——这是规范行为，不是 bug - 如果设计师只要“视觉小”，而内容不属于法律/版权/细则语义，请改用
<p class="disclaimer">+ CSS，别迁就small
真正容易被忽略的是：small 的存在本身就在向辅助技术发出“这段可以弱化处理”的信号。如果你放的是关键法律约束（比如年龄限制、责任归属），它反而可能被跳过——此时该用 aria-label 或换用 section + 显式角色，而不是依赖标签默认行为。
