结论:文本标签不是越多越好,真正日常高频用的就 、–、、、 这五个; 不能用 或 替代,因其自带语义(标识完整段落)、默认间距、无障碍支持及内联元素包容性,而 无语义和默认边距, 仅为纯视觉换行,滥用会导致语义断裂、SEO 权重丢失和可访问性失效。

直接说结论:文本标签不是越多越好,真正日常高频用的就 、–、、、 这五个,其他多数是语义冗余或已被 CSS 取代。
为什么 不能用 或
替代很多人图省事,看到换行就用
,或者直接套 加 CSS 控制间距。但这样会丢失段落的语义——搜索引擎、屏幕阅读器、甚至浏览器默认样式都依赖 表达“一段完整文字”的含义。
-
是纯视觉换行,不表示内容分隔,多用会导致语义断裂(比如复制粘贴时变成一整段)
没有默认上下边距,必须手动加 margin,且无法被无障碍工具识别为段落
-
自带合理上下间距、支持所有文本内联子元素(如 、),无需额外处理
– 的层级陷阱和实际写法
标题不是按“字号大小”选,而是按文档逻辑结构选。一个页面只该有一个 (通常是主标题), 是它的直接子级, 是 的子级,以此类推。
- 跳着用(比如
后直接 )会破坏大纲,影响 SEO 和辅助技术解析
- 别靠 CSS 把
改成小字号来“假装”是正文——语义和样式要分离
- 现代框架里,
常由模板统一注入,业务组件里从 起手更安全
和 不只是加粗/斜体
它们表达的是强调强度: 表示“重要内容”,屏幕阅读器会加重语气; 表示“语义重音”,类似说话时的强调重读。而 和 仅是视觉样式,无语义。
- 价格、警告、关键操作按钮文字用
(如“¥99 限时抢购”)
- 反语、术语首次出现、需要语音强调的部分用
(如“这个‘响应式’不是指服务器响应快”)
- 纯装饰性斜体(比如引文作者名、外文短词)才考虑
,但优先用 CSS font-style: italic
的唯一正当用途
是纯行内容器,没有语义,也不自带样式。它存在的唯一理由,就是给某一段文字加 class 或 data 属性,以便 JS 操作或 CSS 精准控制。
- 别用它包裹整段话代替
,也别用来实现换行或缩进
- 典型场景:高亮搜索关键词
搜索结果包含 HTML
;或标记数据 ¥299
- 如果只是为了加颜色/字体,优先用 CSS 类直接作用于父元素,避免无意义嵌套
真正难的不是记住标签名,而是判断哪段内容该用什么语义——浏览器不会报错,但错误语义会在 SEO 排名、无障碍访问、甚至未来维护时暴露出来。
替代很多人图省事,看到换行就用 标题不是按“字号大小”选,而是按文档逻辑结构选。一个页面只该有一个 它们表达的是强调强度: 搜索结果包含 HTML 真正难的不是记住标签名,而是判断哪段内容该用什么语义——浏览器不会报错,但错误语义会在 SEO 排名、无障碍访问、甚至未来维护时暴露出来。,或者直接套 表达“一段完整文字”的含义。
是纯视觉换行,不表示内容分隔,多用会导致语义断裂(比如复制粘贴时变成一整段)margin,且无法被无障碍工具识别为段落
自带合理上下间距、支持所有文本内联子元素(如 、),无需额外处理
– 的层级陷阱和实际写法(通常是主标题), 是它的直接子级, 是 的子级,以此类推。
后直接 )会破坏大纲,影响 SEO 和辅助技术解析 改成小字号来“假装”是正文——语义和样式要分离 常由模板统一注入,业务组件里从 起手更安全
和 不只是加粗/斜体 表示“重要内容”,屏幕阅读器会加重语气; 表示“语义重音”,类似说话时的强调重读。而 和 仅是视觉样式,无语义。
(如“¥99 限时抢购”)(如“这个‘响应式’不是指服务器响应快”),但优先用 CSS font-style: italic
的唯一正当用途 是纯行内容器,没有语义,也不自带样式。它存在的唯一理由,就是给某一段文字加 class 或 data 属性,以便 JS 操作或 CSS 精准控制。
,也别用来实现换行或缩进;或标记数据 ¥299
前端入门到VUE实战笔记:立即使用
在学习笔记中,你将探索 前端 的入门与实战技巧!











