标签语义上表示附属细则，用于版权信息、法律条款等次要内容，非单纯缩放文字；应避免内联样式替代，用相对单位css统一调整，并禁止嵌套。
small 标签不是字体大小控制工具
<small></small> 在 HTML5 中语义上表示“附属细则”，比如版权信息、免责声明、法律条款脚注等，**不是**用来单纯缩小文字的样式手段。浏览器默认用较小字号渲染它，但这是表现层的附带效果，核心是语义——告诉辅助技术（如读屏器）和搜索引擎：“这段内容重要性较低，属于补充说明”。滥用 <small></small> 做标题或强调文字，会破坏可访问性。
法律声明里用 small 的典型场景
适用于页面底部、表单提交按钮旁、注册协议弹窗末尾等位置，承载真正次要但需保留的法律文本：
- 页面页脚的
© 2026 公司名称. 保留所有权利。<small>本服务受《用户协议》与《隐私政策》约束</small> - 注册表单中勾选框后：
<label><input type="checkbox"> 我已阅读并同意 <small>《未成年人保护条款》</small></label> - API 文档响应示例下方：
<small>注：字段 <code>expires_in单位为秒，值为 0 表示永不过期
别用 style="font-size:12px" 替代 small
直接写内联样式或 CSS 类强行缩放，会丢失语义，且可能被屏幕阅读器忽略上下文。更严重的是：如果用户自定义了浏览器字号或启用了高对比度模式，font-size 固定值会破坏可读性；而 <small></small> 会随基础字号等比缩放，保持比例关系。
正确做法是：
- 用
<small></small>包裹法律文本本身 - 如需统一调整所有
<small></small>的视觉尺寸，用 CSS 修改其font-size，例如：small { font-size: 0.85em; }（注意用相对单位） - 避免嵌套多层
<small></small>，HTML5 明确不鼓励嵌套，语义会模糊
兼容性和替代方案提醒
几乎所有现代浏览器都支持 <small></small>，包括 IE9+。但它在老版本 iOS Safari（ + CSS，但需额外加 aria-live="polite" 等增强可访问性。
真正容易被忽略的是：法律文本一旦放进 <small></small>，就不能再靠它做点击区域或交互容器——它本身不可聚焦、无默认 tab-index。如果需要让“点击查看完整协议”可点击，得用 @#@#@#@#@#@#@#@#@#@0，而不是给 <small></small> 加事件监听。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
