footer 是唯一合法的版权语义容器，small 仅能弱化其中附属内容；单独用 small 包裹版权声明违反 HTML5 语义规范，导致无障碍访问失败、SEO 结构化数据丢失。
版权声明不能只用 small 标签定义——它必须包裹在 footer 里，small 只能弱化其中的附属部分。
为什么 small 单独用在页脚是错的
直接写 <small>© 2024 MySite</small> 看似简洁，但语义断裂：屏幕阅读器无法识别这是页面级版权归属，搜索引擎提取结构化数据时会丢掉该字段，无障碍检测工具（如 axe）会报“语义误用”。HTML5 明确将版权归属归为页面元数据，footer 是唯一合法的语义容器。
-
footer必须是body的直接子元素（可放在main后、body前） -
small是行内语义标签，不是容器，不能替代footer - 无脚本环境或 CSS 失效时，
footer仍保有语义锚点作用；small单独存在则完全失效
small 在 footer 里到底该包什么
small 不是用来“把整句版权变小”的包装盒，而是标记真正次要、可省略但需保留的成分。主版权主体（如公司名、品牌名、“©”符号本身）应保持正常语义权重。
- ✅ 合理：
<footer><small>©</small> 2024 MySite <small>All rights reserved.</small></footer>—— “©”和“All rights reserved.”是惯例性附注，语义权重低 - ❌ 错误：
<footer><small>© 2024 MySite. All rights reserved.</small></footer>—— 主体被整体弱化，读屏器可能跳过“MySite” - 多语言场景下，
lang属性必须显式加在对应片段上，比如<small lang="en">All rights reserved.</small>，否则中英文混排会被错误朗读
动态年份 + small 容易漏掉的关键点
用 JavaScript 插入 new Date().getFullYear() 很常见，但仅更新数字本身不够——年份若作为附属内容（如紧跟在 © 后），它不属于必须弱化的部分；而如果年份是独立短语（如“Last updated: 2024”），才适合套 small。
- JS 更新后，若原
small包裹了年份，需确保父级footer和语言属性仍在位 - 不要用
document.write或 innerHTML 替换整个footer，否则会清空lang、role等语义属性 - 无 JS 回退必须存在：静态年份文本不可省略，否则语义链断裂
视觉控制别依赖 small 默认行为
不同浏览器对 small 的默认缩放比例不一致（Chrome 约 80%，Firefox 约 83%），且嵌套 <small><small>xxx</small></small> 不会进一步缩小——这不是 bug，是规范行为。
- 如需统一尺寸，用 CSS 控制：
small { font-size: 0.85em; }，必须用相对单位（em或rem） - 禁用
font-size: 12px这类绝对值，否则高对比度模式或用户自定义字号下文字可能不可读 -
small是行内元素，不能直接包裹p、ul；若需多段细则，外层用div或section，内部再分段加small
最常被忽略的其实是语义层级关系：footer 是容器，small 是修饰符；一旦把顺序颠倒成 <small><footer>...</footer></small>，就等于用装饰性标签包裹结构性元素——这在 HTML5 中没有意义，也破坏所有辅助技术的理解路径。
