首页/ 学科题库/ HTML/ 文本格式化标签
HTML 实战教程

文本格式化标签

2026-05-17 约 6 分钟 juanwangdev

文本格式化标签

HTML文本格式化标签用于强调或修饰文本内容,提升可读性。

基础格式化标签

文本加粗

HTML
<strong>重要文本</strong>    <!-- 语义化,表示重要 -->
<b>粗体文本</b>              <!-- 仅样式 -->

文本斜体

HTML
<em>强调文本</em>            <!-- 语义化,表示强调 -->
<i>斜体文本</i>              <!-- 仅样式 -->

下划线与删除线

HTML
<ins>插入内容</ins>          <!-- 下划线,语义化 -->
<u>下划线文本</u>            <!-- 仅样式 -->

<del>删除内容</del>          <!-- 删除线,语义化 -->
<s>删除线文本</s>            <!-- 仅样式 -->

标签对比

标签语义用途
<strong>重要SEO权重高
<b>无纯视觉粗体
<em>强调语气强调
<i>无纯视觉斜体
<del>删除表示已删除
<ins>插入表示新增

其他格式化标签

上下标

HTML
H<sub>2</sub>O           <!-- 下标:H₂O -->
X<sup>2</sup>            <!-- 上标:X² -->

小号文本与标记

HTML
<small>版权信息</small>   <!-- 小号文本 -->
<mark>高亮文本</mark>     <!-- 黄色高亮 -->

代码与引用

HTML
<code>console.log()</code>  <!-- 行内代码 -->
<pre>预格式化文本</pre>      <!-- 保留空格换行 -->
<blockquote>块引用</blockquote>
<q>行内引用</q>

语义化建议

优先使用语义化标签(<strong>、<em>、<del>、<ins>),便于搜索引擎理解内容含义。

要点总结

  1. 区分语义:优先用语义标签,利于SEO
  2. 成对使用:所有格式化标签必须闭合
  3. 可嵌套:多个标签可组合使用
  4. 适度使用:避免过度格式化影响阅读
想在手机上练这篇的配套题目?
使用微信 卷王开发者小程序/App,首页顶部扫一扫识别下方二维码,即可解锁本讲对应真题与错题本。
了解产品 App
← 上一篇 HTML标签与元素 下一篇 → 图像与链接