HTML 文本格式化基础
HTML 提供了多种标签用于文本格式化,包括加粗、斜体、下划线等。这些标签可以嵌套使用以实现更复杂的样式效果。
加粗文本 使用 <b> 或 <strong> 标签实现加粗效果。<strong> 还具有语义化作用,表示重要内容。
html
<b>加粗文本</b>
<strong>重要文本</strong>
斜体文本 使用 <i> 或 <em> 标签实现斜体效果。<em> 表示强调内容。
html
<i>斜体文本</i>
<em>强调文本</em>
高级文本格式化
删除线和下划线 使用 <del> 表示删除内容,<ins> 表示插入内容。<u> 可用于纯视觉下划线但不推荐。
html
<del>删除文本</del>
<ins>插入文本</ins>
上标和下标 <sup> 和 <sub> 分别用于数学公式或化学式。
html
E=mc<sup>2</sup>
H<sub>2</sub>O
预格式化文本与代码
<pre> 保留空白字符和换行,适合显示代码或诗歌。<code> 标记代码片段。
html
<pre>
保留格式的
多行文本
</pre>
<code>console.log("Hello");
引用与署名
<blockquote> 定义长引用,<q> 用于短引用。<cite> 标记作品标题。
html
<blockquote>长引用内容</blockquote>
<q>短引用</q>
<cite>《作品标题》</cite>
其他格式化标签
<mark> 高亮文本,<small> 缩小字体,<abbr> 标记缩写词。
html
<mark>高亮内容</mark>
<small>小号文本</small>
<abbr title="World Health Organization">WHO</abbr>
注意事项
- 避免滥用
<u>标签,可能与链接样式混淆 - 优先使用语义化标签(如
<strong>而非<b>) - 复杂样式建议结合CSS实现
- 嵌套标签时注意闭合顺序