如何在 HTML 中包含破折号

在HTML中，可以使用实体字符（entity character）的方式来包含破折号（dash）。破折号实体字符的代码是 —。

实体字符的使用方法

在HTML中，可以使用实体字符来代替一些特殊字符或无法直接输入的字符。下面通过一些示例来演示如何在HTML中使用破折号实体字符。

直接使用实体字符

可以直接在HTML代码中使用实体字符 — 来表示破折号。例如：

<p>这是一段带有破折号的文本&mdash;这是一个示例。</p>

该段落将在显示时包含一个破折号，效果如下：

这是一段带有破折号的文本—这是一个示例。

使用实体字符的名称

除了使用 — 的代码表示破折号实体字符外，还可以使用实体字符的名称 —。例如：

<p>这是一段带有破折号的文本&amp;mdash;这是一个示例。</p>

在HTML代码中，需要使用 & 来表示 & 符号本身，以避免与实体字符的开始和结束标记产生混淆。该段落将在显示时包含一个破折号，效果与直接使用实体字符相同。

使用CSS伪元素

还可以使用CSS的伪元素 ::after 或 ::before 来插入破折号。例如：

<p>这是一段带有破折号的文本<span class="dash"></span>这是一个示例。</p>

<style>
.dash::after {
   content: "\2014";
}
</style>

通过为破折号创建一个 ::after 伪元素，并设置其 content 属性为破折号的Unicode值 \2014，可以在显示时将破折号插入到文本中间。效果如下：

这是一段带有破折号的文本这是一个示例。

总结

在HTML中包含破折号有多种方式：直接使用实体字符 —，使用实体字符的名称 —，以及使用CSS伪元素。根据需求选择合适的方法即可实现在HTML文档中包含破折号的效果。

注意：以上代码片段中的HTML代码为示例代码，实际在使用时需要根据具体情况进行调整和修改。