全部学科
NodeJS全栈
nodejs
Python全栈
python
小程序首页
📅 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. 适度使用:避免过度格式化影响阅读

📝 发现内容有误?点击此处直接编辑

← 上一篇 图像与链接
下一篇 → 表单与输入
想查看更多题目和详细解析?
小程序提供完整的题库、模拟考试和详细解析
马上就来

长按或扫描二维码,立即体验

扫码体验小程序
马上就来
使用微信扫描二维码
立即体验完整题库