<small>是语义标签,专用于版权、法律条款等副文本,非样式控制;需用CSS实现文字缩放,避免滥用。HTML 里没有 <small> 标签的语义误区很多人以为 <small> 是用来"让文字变小"的样式标签,其实不是。<small> 在 HTML5 中是**语义标签**,专指"附属细则、版权信息、免责声明、法律条款等次要但仍有意义的文字",浏览器默认用较小字号渲染只是表现方式,不是设计目的。常见错误现象:<small>价格:¥99</small> ------ 这属于滥用,价格不是"细则",只是普通内容,应该用 CSS 控制大小。语义错位会导致屏幕阅读器误读、SEO 权重稀释、无障碍访问出问题如果你只是想缩放文字,<small> 不可靠:它在部分浏览器或用户自定义样式下可能完全不缩小真正需要语义时才用,比如页脚版权行:<p><small>? 2024 XXX 版权所有</small></p>想让文字变小?用 CSS,别硬套 <small>绝大多数"小字号需求"本质是视觉表达,不是语义分类。这时候该上 CSS,而不是靠标签猜意图。推荐做法:font-size + 语义正确的容器(如 <span>、<p>、<div>)立即学习"前端免费学习笔记(深入)";避免写 <small><span>辅助说明</span></small> ------ 套两层没意义直接写:<span style="font-size: 0.875rem;">辅助说明</span> 或用 class 更好注意单位选择:rem 比 px 更利于可访问性(尊重用户缩放设置)不要用 <font size="1"> ------ 已被 HTML5 废弃,且无语义、不可维护<small> 的实际适用场景和兼容性提醒只有当内容本身属于"法律/版权/注释类副文本"时,<small> 才算用对了。它不是"小字通用开关"。使用场景举例: 唱鸭 音乐创作全流程的AI自动作曲工具,集 AI 辅助作词、AI 自动作曲、编曲、混音于一体
相关推荐
AIGC包拥它21 分钟前
RAG 项目实战进阶:基于 FastAPI + Vue3 前后端架构全面重构 LangChain 0.3 集成 Milvus 2.5 构建大模型智能应用闲人编程42 分钟前
Agent的评估体系(AgentEval):如何判断一个Agent好坏?johnrui1 小时前
JUC之AQS大得3691 小时前
LangGraph使用Mahir081 小时前
Redis 核心机制:数据过期策略与淘汰策略深度解析多敲代码防脱发1 小时前
Spring进阶(BeanFactory与ApplicationContext)JAVA面经实录9171 小时前
完整版JVM 深度学习体系(二)m0_702036531 小时前
html标签如何提升可访问性_aria-label与title区别【指南】会编程的土豆1 小时前
Gin 核心概念速记BU摆烂会噶1 小时前
【LangGraph】节点内调用与状态隔离