不是版权容器，仅用于修饰次要旁注内容；主版权必须用 或 包裹， 只可嵌套其中修饰年份、保留条款等附属信息。
别用 <small></small> 包整句版权声明，它不是版权容器，只是用来弱化其中的附属部分。
为什么 <small></small> 不能直接包版权全文
浏览器默认缩放 <small></small> 是副作用，不是设计目的；它的语义是“旁注”，不是“版权声明”。把整句 <small>© 2024 XXX. All rights reserved.</small> 放在页面任意位置，会导致：屏幕阅读器跳过或弱化播报、SEO 不识别为页脚元数据、可访问性模式下可能完全不可见。
- 主版权必须用
<footer></footer>或<address></address>包裹，这是 HTML5 强制语义要求 -
<small></small>只能嵌套在已有语义结构里，修饰其中真正次要的部分（如年份、“All rights reserved.”） - 单独使用
<small></small>放版权，等于放弃结构语义，也绕过了无障碍支持链
<small></small> 在版权行里该修饰哪几类内容
它只适合包裹那些“法律上需保留、但用户阅读时可跳过”的成分。例如：
- 年份：
<small>2024</small>（主体是公司名，年份是动态附属） - 保留条款：
All rights reserved.（主版权句已含 © 和主体，“All rights reserved”是惯例附注） - 许可证类型：
<small>MIT License</small>（出现在开源项目页脚，主信息是项目名和作者） - 错误示例：
<small>© 2024 XXX</small>—— “©”和公司名都是核心版权要素，不该被弱化
reset 后 <small></small> 字号消失？必须显式重设
主流 CSS reset（如 * { font-size: 100%; }）会把 <small></small> 的默认缩放覆盖掉，结果它和普通文本一样大。这不是 bug，是 reset 的预期行为。
- 必须手动加样式：
small { font-size: 0.875rem; line-height: 1.6; color: #5a5a5a; } - 不要依赖浏览器默认比例（Chrome 80%、Firefox 83%、Safari 不同），统一用 rem 或 em
- 嵌套
<small></small>无效：<small>A<small>B</small></small>中 A 和 B 渲染尺寸完全一致，规范明确禁止多级缩放 - 若真需要多级尺寸（如正文 → 注释 → 时间戳），用 CSS 类：
class="text-xs"、class="text-xxs"
更稳妥的替代方案：什么时候干脆不用 <small></small>
如果你只是想让某段文字视觉变小，且它不构成法律/版权/信源类旁注，就别碰 <small></small>。
- 按钮旁提示、卡片底部说明、表单字段辅助文案 —— 这些都不是“细则”，用
<p class="fine-print"></p>或<span class="text-sm"></span>+ CSS 更准确 - 要兼容高对比度模式或系统字体缩放，CSS 的
rem比<small></small>默认行为更可控 - 已废弃的
<font size="1"></font>绝对禁用，无语义、不可维护、HTML5 不支持
真正容易被忽略的是：语义错位比样式错位更难调试。一段被 <small></small> 包住的文字，在开发者工具里看着正常，但在读屏软件里可能被静音跳过——而你根本不会在常规测试中发现这点。
