HTML格式化标签[编辑 | 编辑源代码]

HTML格式化标签（HTML Formatting Tags）是用于定义文本样式和结构的HTML元素，它们能够在不使用CSS的情况下为文本添加基本的格式效果。这些标签对于网页内容的可读性和语义表达至关重要，特别是在需要强调、区分或标注特定文本时。

简介[编辑 | 编辑源代码]

HTML格式化标签分为两类：

这些标签都是行内元素（inline elements），意味着它们不会导致换行，只影响包裹的文本内容。

以下是HTML中最常用的格式化标签：

标签	语义含义	示例代码	典型显示效果
`<strong>`	重要内容	`<strong>警告！</strong>`	警告！
`<em>`	强调文本	`请<em>立即</em>停止`	请立即停止
`<code>`	代码片段	`使用<code>printf()</code>函数`	使用`printf()`函数
`<mark>`	高亮标记	`搜索<mark>关键词</mark>`	搜索关键词

格式化标签可以嵌套使用以实现组合效果：

<p>
  这是<strong><i>既重要又强调</i></strong>的文本，
  包含<mark><u>高亮和下划线</u></mark>的组合效果。
</p>

输出效果：

这是既重要又强调的文本，包含高亮和下划线的组合效果。

虽然这些标签可以直接使用，但在现代网页开发中建议： 1. 优先使用逻辑样式标签（如而非），因为它们具有语义价值 2. 复杂样式应使用CSS实现 3. 不要仅为了视觉效果而滥用格式化标签

格式化标签的默认样式可以通过CSS覆盖：

/* 修改所有strong元素的样式 */
strong {
  color: red;
  font-weight: bold;
  text-shadow: 1px 1px 1px #ccc;
}

<p>
  根据爱因斯坦的质能方程<var>E</var>=<var>mc</var><sup>2</sup>，
  <mark>能量</mark>和<mark>质量</mark>可以互相转换。
  实验数据表明误差范围在±<sub>0.5</sub>%以内。
</p>

<p>
  原价：<s>$199</s> 现价：<strong>$99</strong><br>
  <small>* 限时优惠，仅剩<mark>3天</mark></small>
</p>

在文档对象模型(DOM)中，格式化标签表现为行内节点：

格式化标签在显示数学公式时特别有用： $\oint_{C} \vec{B} \cdot d \vec{l} = μ_{0} I_{enc}$ 对应的HTML：

<math>
  \oint_C \vec{B} \cdot d\vec{l} = \mu_0 I<sub>enc</sub>
</math>

HTML格式化标签为网页文本提供了基础的样式控制能力，虽然现代网页开发中CSS承担了主要的样式控制工作，但这些标签在以下场景仍然不可替代：

通过合理组合这些标签，开发者可以创建结构清晰、语义明确的文本内容。