Markdown 分割线

Markdown 分割线语法

在 Markdown 中,分割线用于在文档中创建一条水平线,从而从视觉上来分隔不同内容块。Markdown 提供了以下 3 种方式来插入分割线。

  • 三个或更多的星号(*)。
  • 三个或更多的连字符(-)。
  • 三个或更多的下划线(_)。

语法:

***
---
___

说明:

分割线必须单独占一行,并且前面或后面不能有其他内容。在同一个文档中,我们建议使用一种分割线风格,这样做的目的是为了保持分割线风格的一致性,以提高文档的可读性。

注意: 不同的 Markdown 编辑器,对分割线的渲染效果可能会有所不同。

Markdown 分割线示例

接下来,我们通过几个简单的例子来介绍一下 Markdown 是如何定义分割线的。

示例 1:使用星号的分割线

这是分割线之前的内容

***

这是分割线之后的内容

渲染效果如下图所示。

Markdown 分割线示例1

生成 HTML 代码如下。

<p>这是分割线之前的内容</p>
<hr>
<p>这是分割线之后的内容</p>

分析:

从结果可以看出,Markdown 中的分割线本质上最终会转换为 HTML 中的 hr 标签。

示例 2:使用连字符的分割线

这是分割线之前的内容

---

这是分割线之后的内容

渲染效果如下图所示。

Markdown 分割线示例2

生成 HTML 代码如下。

<p>这是分割线之前的内容</p>
<hr>
<p>这是分割线之后的内容</p>

分析:

在 Markdown 中,如果 “---” 紧贴着上一行文字(中间没有空行),它会被解析为 “二级标题(h2)”,而不是分割线!

这是一段文字
---

比如上面这段代码会渲染成:

<h2>这是一段文字</h2>

如果你一定要使用减号(-)来创建分割线,请一定要确保在它前面加一个空行。否则,Markdown 可能会把它解析为 “二级标题”。

提示: 在实际使用时,为了避免与标题语法冲突,我们强烈推荐使用 “***” 这种方式来表示分割线,这样就肯定不会踩到 “坑”。

上一篇: Markdown 表格

下一篇: Markdown 文本样式

给站长反馈

绿叶网正在不断完善中,小伙伴们如果发现任何问题,还望多多给站长反馈,谢谢!

邮箱:lvyenet@vip.qq.com

「绿叶网」服务号
绿叶网服务号放大
关注服务号,微信也能看教程。
绿叶网服务号