是 html5 官方推荐的语义化小号字体标签，表示附属信息，按父元素比例缩放约 80%，不鼓励嵌套或混用废弃标签，语义优于纯 css 的 font-size 控制。
用 <small></small> 标签设置小号字体最直接
<small></small> 是 HTML5 官方推荐、语义明确的小号字体标签，浏览器默认将其渲染为比父元素小一号的字体（通常约 80% 大小）。它不改变文本重要性，仅表示“附属信息”“版权说明”“免责声明”等次要内容。
常见错误是把它当成纯样式工具，比如嵌套多层 <small></small> 试图进一步缩小——这在规范中不被鼓励，且多数浏览器不会继续缩放；更糟的是，有人误用已废弃的 <big></big> 或过时的 <font size></font>，这些在现代 HTML 中无效或被忽略。
- 正确写法：
<p>价格：¥199<small>（含税）</small></p> - 不推荐嵌套：
<small><small>不要这样嵌套</small></small>（语义混乱，渲染不可靠） - 避免混用旧标签：
<font size="1">别用这个</font>（HTML5 已移除）
为什么不用 CSS 的 font-size 替代 <small></small>？
能用 CSS 当然可以，但二者定位不同：<small></small> 是语义标签，告诉浏览器“这段文字在内容层级上更次要”；而 font-size: 12px 只是视觉控制，不传递任何含义。搜索引擎、屏幕阅读器和无障碍工具依赖语义，不是像素值。
实际场景中，<small></small> 更适合快速标记页脚版权、表单辅助提示、法律条款脚注等——你不需要写额外 CSS，也不用担心单位换算或继承问题。
- 如果项目已全局重置字体（如
body { font-size: 14px; }），<small></small>仍会按比例缩小，行为稳定 - 若需精确控制（如必须是 11px），才该用内联
style="font-size: 11px;"或 class，但此时应同步加aria-label等辅助说明，弥补语义缺失
<small></small> 在不同上下文中的渲染表现
<small></small> 的缩放是相对的，取决于父元素字体大小。它不是固定像素值，这点容易被忽略。
- 父元素是
<h1 style="font-size: 32px;"></h1>→<small></small>约为 25–26px（非绝对 12px） - 父元素用了
rem单位（如font-size: 1.25rem;）→<small></small>按照当前根字号比例缩放 - 在
<pre class="brush:php;toolbar:false;"></pre>或<code>内部使用时，部分浏览器可能忽略<small></small>，建议改用 CSS 控制
真正需要跨环境一致缩放时，<small></small> 不够用，得切回 CSS；但日常语义化标注，它足够轻量、可靠、无需额外资源。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
