文本格式化标签
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>),便于搜索引擎理解内容含义。
要点总结
- 区分语义:优先用语义标签,利于SEO
- 成对使用:所有格式化标签必须闭合
- 可嵌套:多个标签可组合使用
- 适度使用:避免过度格式化影响阅读
📝 发现内容有误?点击此处直接编辑