Markdown 转义字符

从前面学习可以知道,Markdown 是使用一些特殊字符(比如 #、*、> 等)来生成指定的 HTML 代码的。但有些时候,我们想要在最终效果中显示这些特殊字符。为了避免 被 Markdown “误判”,此时我们可以将这些特殊字符 “转义” 成普通字符。

Markdown 转义字符语法

在 Markdown 中,我们可以在特殊字符前面加上 “\(反斜杠)” 来对它们进行转义。此时 Markdown 编辑器 会将这些特殊字符视为普通字符,而不是按照它们的 Markdown 语法含义进行解析。

语法:

\特殊字符

说明:

​ 其中,Markdown 常见需要转义的字符如下表所示。

Markdown 需要转义的字符
字符 说明
\ 反斜杠 (用于显示反斜杠本身)
# 用于标题
* 用于无序列表和强调
> 用于块引用
[] 用于链接和图片
() 用于链接和图片
`(反引号) 用于代码
-(中划线) 用于无序列表和分割线
_(下划线) 用于强调
.(句号) 用于有序列表
+ 用于无序列表
! 用于图片

注意: 并不是所有的字符都需要转义的,只有那些在 Markdown 语法中具有特殊含义的字符才需要转义。

Markdown 转义字符示例

接下来,我们通过几个简单的例子来介绍一下 Markdown 是如何使用转义字符的。

示例 1:不使用转义字符

# 用于标题

* 用于无序列表和强调

> 用于块引用

渲染效果如下图所示。

Markdown 不使用转义字符

生成 HTML 代码如下。

<h1>用于标题</h1>
<ul>
    <li>用于无序列表和强调</li>
</ul>
<blockquote>
    <p>用于块引用</p>
</blockquote>

分析:

当不使用 “\” 进行转义时,如果 “#、*、>” 等符号位于段落的开头处,此时 Markdown 编辑器就会对它们进行转换。

示例 2:使用转义字符

\# 用于标题

\* 用于无序列表和强调

\> 用于块引用

渲染效果如下图所示。

Markdown 使用转义字符

生成 HTML 代码如下。

<p># 用于标题</p>
<p>* 用于无序列表和强调</p>
<p>&gt; 用于块引用</p>

分析:

如果在 “#、*、>” 等特殊符号的前面加上 “\”,此时 Markdown 就不会对它们进行解析,而是当做普通字符来处理。

示例 3:位于段落内部的不需要转义

Markdown 特殊字符包括:#、*、>、+、- 等。

渲染效果如下图所示。

Markdown 转义字符特殊情况

生成 HTML 代码如下。

<p>Markdown 特殊字符包括:#、*、&gt;、+、- 等。</p>

分析:

对于 #、>、- 等必须出现在行首才生效的符号,在段落内部不需要转义。但是,对于 *(粗体/斜体)、`(代码)、[](链接)等行内符号,即使在段落内部,如果想显示原义,仍然必须使用反斜杠转义。

提示: 除了使用反斜杠,我们还可以使用 “HTML 特殊符号” 来显示 Markdown 中的特殊字符。在某些复杂场景(比如在表格中显示竖线 “|”),这种方式会非常有用。

给站长反馈

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

邮箱:lvyenet@vip.qq.com

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