HTML 提供了几个标签来帮助格式化文本,例如用于粗体的 <b>,用于斜体的 <i>,用于下划线的 <u> 等。这些标签分为两类:
物理标签:这些标签是表示性的。它们不会给文本添加额外的含义。例如,
<p> This text is <i>italic</i>.</p>
浏览器输出
这里,<i> 仅用于文本样式,没有其他含义。
语义标签:这些标签除了给文本添加样式外,还给文本添加了一些特殊的含义。例如,
<p> This text is <em>emphasized</em>.</p>
浏览器输出
这里,<em> 用于强调文本。屏幕阅读器在朗读时也会强调 <em> 标签内的文本。
注意: 格式化标签大多是行内标签,如 <b>、<u>、<i> 等,用于文本样式。
HTML 格式化标签
下面列出了最新版 HTML 中可用的格式化标签。
<b>标签 - 粗体文本<i>标签 - 斜体文本<u>标签 - 带下划线的文本<strong>标签 - 强调文本<em>标签 - 着重文本<mark>标签 - 突出显示文本<sup>标签 - 上标文本<sub>标签 - 下标文本<del>标签 - 删除文本<ins>标签 - 插入文本<big>标签 - 大文本<small>标签 - 小文本
HTML <b> 和 <strong> 标签
HTML <b> 是一个物理标签,仅用于使文本变粗。
<p> This text is <b>bold</b>.</p>
浏览器输出
HTML <strong> 标签是一个语义标签,用于表示标签内的文本具有更高的重要性。这通过将文本加粗来显示。
<p> The text is <strong>strong</strong>.</p>
浏览器输出
要了解有关 <b> 和 <strong> 标签的更多信息,请访问 HTML 粗体。
HTML <i> 和 <em> 标签
HTML <i> 标签是一个物理标签,用于使文本变为斜体。它用于表示外语文本、科学命名、思想等。
<p> This text is <i>italic</i>.</p>
浏览器输出
HTML <em> 标签是一个语义标签,用于表示标签内的文本被强调。它是一个语义标签,与 <i> 不同,后者不包含任何语义含义。
<p> This text is <em>emphasized</em>.</p>
浏览器输出
要了解有关 <i> 和 <em> 标签的更多信息,请访问 HTML 斜体。
HTML <u> 标签
HTML <u> 标签是一个物理标签,用于使文本带下划线。
<p> This text is <u>underlined</u>.</p>
浏览器输出
HTML <mark> 标签
HTML <mark> 标签是一个物理标签,用于突出显示文本。
<p> This text is <mark>marked</mark>.</p>
浏览器输出
HTML <sup> 和 <sub> 标签
HTML <sup> 标签用于创建上标文本。文本位于其他文本上方半个字符高度,并且字号较小。
<p> This text is <sup>superscripted</sup>.<p>
浏览器输出
HTML <sub> 标签用于创建下标文本。文本位于其他文本下方半个字符高度,并且字号较小。
<p> This text is <sub>subscripted</sub>.<p>
浏览器输出
要了解有关 <sup> 和 <sub> 标签的更多信息,请访问 HTML 上标和下标。
HTML <ins> 和 <del> 标签
HTML <del> 标签是一个语义标签,用于表示文本已被删除或更改。
<p> This text is <del>deleted</del>.</p>
浏览器输出
HTML <ins> 标签是一个语义标签,用于表示文本已插入文档中。<ins> 标签通常跟在某些已删除的文本后面。
<p> This text is <del>deleted</del> <ins>inserted</ins>.</p>
浏览器输出
HTML <big> 和 <small> 标签
HTML <big> 标签是一个物理标签,用于使文本比周围文本大一个字号。
<p> This text is <big>bigger</big>.</p>
浏览器输出
HTML <small> 标签是一个物理标签,用于使文本比周围文本小一个字号。
<p> This text is <small>smaller</small>.</p>
浏览器输出