一. 前言
Markdown 使用场景广泛,实现基本文字功能比用html更简洁一些,列举:
本文是语法讲解备忘录。
Markdown 在线编辑器:
在线markdown编辑器_微信公众号markdown排版工具
二. Markdown 标题
要创建标题,请在单词或短语前面添加井号(#)。# 的数量代表了标题的级别。以此类推,最多六级,其中一级标题文字最大。例如,添加三个 # 表示创建一个三级标题(<h3>)(例如:### My Header)。
Markdown语法 | HTML | 预览效果 |
---|---|---|
# Heading level 1 | <h1>Heading level 1</h1> | Heading level 1 |
# Heading level 2 | <h2>Heading level 2</h2> | Heading level 1 |
# Heading level 3 | <h3>Heading level 3</h3> | Heading level 1 |
# Heading level 4 | <h4>Heading level 4</h4> | Heading level 1 |
# Heading level 5 | <h5>Heading level 5</h5> | Heading level 1 |
# Heading level 6 | <h6>Heading level 6</h6> | Heading level 1 |
可选语法
还可以在文本下方添加任意数量的 == 号来标识一级标题,或者 – 号来标识二级标题。
Markdown语法 | HTML | 预览效果 |
---|---|---|
Heading level 1 ============ | <h1>Heading level 1</h1> | Heading level 1 |
Heading level 2 --------------------- | <h2>Heading level 2</h2> | Heading level 2 |
最佳实践
不同的 Markdown 应用程序处理 # 和标题之间的空格方式并不一致。为了兼容考虑,请用一个空格在 # 和标题之间进行分隔。
正确用法 | 错误示例 |
---|---|
# 这是一个标题 | #这是一个标题 |
三. Markdown 段落
要创建段落,请使用空白行将一行或多行文本进行分隔。
Markdown语法 | HTML | 预览效果 |
---|---|---|
我真的喜欢用 Markdown。 我想从现在起使用它来格式化我所有的文档。 | <p>我真的喜欢用 Markdown。</p> <p>我想从现在起使用它来格式化我所有的文档。</p> | 我真的喜欢用 Markdown。 我想从现在起使用它来格式化我所有的文档。 |
段落(Paragraph)用法的最佳实
不要用空格(spaces)或制表符( tabs)缩进段落。
正确用法 | 错误示例 |
---|---|
不要用tab键或空格键缩进段落。(比如,像现在这样没有添加任何空格或制表符) 像这样保持左对齐。(比如,像现在这样没有添加任何空格或制表符) | 这可能会导致意外的格式问题。(比如,像现在这样添加了任何空格或制表符) 不要在段落前添加制表符或空格。(比如,像现在这样添加了任何空格或制表符) |
四. Markdown 换行
在一行的末尾添加两个或多个空格,然后按回车键,即可创建一个换行(
)。
Markdown语法 | HTML | 预览效果 |
---|---|---|
这是第一行。 这是第二行。 | <p>这是第一行。<br/> 这是第二行。</p> | 这是第一行。 这是第二行。 |
换行(Line Break)用法的最佳实践
几乎每个 Markdown 应用程序都支持两个或多个空格进行换行,称为结尾空格(trailing whitespace)的方式,但这是有争议的,因为很难在编辑器中直接看到空格,并且很多人在每个句子后面都会有意或无意地添加两个空格。由于这个原因,你可能要使用除结尾空格以外的其它方式来换行。幸运的是,几乎每个 Markdown 应用程序都支持另一种换行方式:HTML 的
标签。
为了兼容性,请在行尾添加“结尾空格”或 HTML 的 <br> 标签来实现换行。
还有两种其他方式我并不推荐使用。CommonMark 和其它几种轻量级标记语言支持在行尾添加反斜杠 (\) 的方式实现换行,但是并非所有 Markdown 应用程序都支持此种方式,因此从兼容性的角度来看,不推荐使用。并且至少有两种轻量级标记语言支持无须在行尾添加任何内容,只须键入回车键(return)即可实现换行。
正确用法 | 错误示例 |
---|---|
第一行结尾有两个空格。 下一行。 第一行结尾用HTML标记。<br/> 下一行。 | 第一行结尾有一个空格。\ 下一行。 第一行结尾没有任何东西。 下一行。 |
五. Markdown 强调,字体颜色
通过将文本设置为粗体或斜体来强调其重要性。
粗体(Bold)
要加粗文本,请在单词或短语的前后各添加两个星号(asterisks)或下划线(underscores)。如需加粗一个单词或短语的中间部分用以表示强调的话,请在要加粗部分的两侧各添加两个星号(asterisks)。
Markdown语法 | HTML | 预览效果 |
---|---|---|
我就喜欢 **粗体** | 我就喜欢 <strong>粗体</strong> | 我就喜欢 粗体 |
我就喜欢 __粗体__ | 我就喜欢 <strong>粗体</strong> | 我就喜欢 粗体 |
**爱**是粗体 | <strong>爱</strong>是粗体 | 爱是粗体 |
粗体(Bold)用法最佳实践
Markdown 应用程序在如何处理单词或短语中间的下划线上并不一致。为兼容考虑,在单词或短语中间部分加粗的话,请使用星号(asterisks)。
正确用法 | 错误示例 |
---|---|
**爱**是粗体 | __爱__是粗体 |
斜体(Italic)
要用斜体显示文本,请在单词或短语前后添加一个星号(asterisk)或下划线(underscore)。要斜体突出单词的中间部分,请在字母前后各添加一个星号,中间不要带空格。
Markdown语法 | HTML | 预览效果 |
---|---|---|
斜体文本是*小猫的叫声* | 斜体文本是<em>小猫的叫声</em> | 斜体文本是小猫的叫声 |
斜体文本是*小狗的叫声* | 斜体文本是<em>小狗的叫声</em> | 斜体文本是小狗的叫声 |
一只*小猫*在叫 | 一只<em>小猫</em>在叫 | 一只小猫在叫 |
斜体(Italic)用法的最佳实践
Markdown 应用程序在如何处理单词或短语中间的下划线上并不一致。为兼容考虑,在单词或短语中间部分加粗的话,请使用星号(asterisks)。
正确用法 | 错误示例 |
---|---|
一只*小猫*在叫 | 一只_小猫_在叫 |
粗体(Bold)和斜体(Italic)
要同时用粗体和斜体突出显示文本,请在单词或短语的前后各添加三个星号或下划线。要加粗并用斜体显示单词或短语的中间部分,请在要突出显示的部分前后各添加三个星号,中间不要带空格。
Markdown语法 | HTML | 预览效果 |
---|---|---|
这段文字***非常重要*** | 这段文字<strong><em>非常重要</em><strong> | 这段文字***非常重要*** |
这段文字 ___非常重要___ | 这段文字 <strong><em>非常重要</em><strong> | 这段文字 非常重要 |
这段文字 __*非常重要*__ | 这段文字 <strong><em>非常重要</em><strong> | 这段文字 非常重要 |
这段文字**_非常重要_** | 这段文字 <strong><em>非常重要</em><strong> | 这段文字 非常重要 |
这段文字***真的***非常重要 | 这段文字<strong><em>真的</em><strong>非常重要 | 这段文字***真的***非常重要 |
粗体(Bold)和斜体(Italic)用法的最佳实践
Markdown 应用程序在处理单词或短语中间添加的下划线上并不一致。为了实现兼容性,请使用星号将单词或短语的中间部分加粗并以斜体显示,以示重要。
正确用法 | 错误示例 |
---|---|
这段文字***真的***非常重要 | 这段文字___真的___非常重要 |
字体颜色
六. Markdown 引用
要创建块引用,请在段落前添加一个 > 符号。
> 多罗西跟着她穿过城堡里许多美丽的房间。
渲染效果如下所示:
多罗西跟着她穿过城堡里许多美丽的房间。
多个段落的块引用
块引用可以包含多个段落。为段落之间的空白行添加一个 > 符号。
<span style="color:#000000"><span style="background-color:#282c34"><code>> 多罗西跟着她穿过城堡里许多美丽的房间。
>
> 女巫叫她打扫锅和水壶,扫地,用木头生火。
</code></span></span>
渲染效果如下:
多罗西跟着她穿过城堡里许多美丽的房间。
女巫叫她打扫锅和水壶,扫地,用木头生火。
嵌套块引用
块引用可以嵌套。在要嵌套的段落前添加一个 >> 符号。
<span style="color:#000000"><span style="background-color:#282c34"><code>> 多罗西跟着她穿过城堡里许多美丽的房间。
>
>> 女巫叫她打扫锅和水壶,扫地,用木头生火。
>>> 第三层嵌套
</code></span></span>
渲染效果如下:
多罗西跟着她穿过城堡里许多美丽的房间。
女巫叫她打扫锅和水壶,扫地,用木头生火。
第三层嵌套
带有其它元素的块引用
块引用可以包含其他 Markdown 格式的元素。并非所有元素都可以使用,你需要进行实验以查看哪些元素有效。
<span style="color:#000000"><span style="background-color:#282c34"><code>> #### 季度业绩看起来不错!
>
> - 收入出乎意料。
> - 利润比以往任何时候都高。
>
> *一切*都在按**计划**进行。
</code></span></span>
渲染效果如下:
季度业绩看起来不错!
- 收入出乎意料。
- 利润比以往任何时候都高。
一切 都在按 计划 进行。
七. Markdown 列表
可以将多个条目组织成有序或无序列表。
有序列表
要创建有序列表,请在每个列表项前添加数字并紧跟一个英文句点。数字不必按数学顺序排列,但是列表应当以数字 1 起始。
Markdown语法 | HTML | 预览效果 |
---|---|---|
1. 第一项 2. 第二项 3. 第三项 4. 第四项 | <ol> <li>第一项</li> <li>第二项</li> <li>第三项</li> <li>第四项</li> </ol> | 1. 第一项 2. 第二项 3. 第三项 4. 第四项 |
1. 第一项 1. 第二项 1. 第三项 1. 第四项 | <ol> <li>第一项</li> <li>第二项</li> <li>第三项</li> <li>第四项</li> </ol> | 1. 第一项 2. 第二项 3. 第三项 4. 第四项 |
1. 第一项 2. 第二项 3. 第三项 1. 缩进项一 2. 缩进项二 4. 第四项 | <ol> <li>第一项</li> <li>第二项</li> <li>第三项</li> <ol> <li>缩进项一</li> <li>缩进项二</li> </ol> <li>第四项</li> </ol> | 1. 第一项 2. 第二项 3. 第三项 1. 缩进项一 2. 缩进项二 4. 第四项 |
有序列表最佳实践
CommonMark 和其他一些轻量级标记语言允许您使用括号())作为分隔符(例如,1) 第一项),但并非所有 Markdown 应用程序都支持这一点,因此从兼容性的角度来看,这不是一个很好的选择。为了兼容性,仅使用句点。
正确用法 | 错误示例 |
---|---|
1. 第一项 2. 第二项 | 1) 第一项 2) 第二项 |
无序列表
要创建无序列表,请在每个列表项前面添加破折号(-)、星号(*)或加号(+)。缩进一个或多个列表项可创建嵌套列表。
Markdown语法 | HTML | 预览效果 |
---|---|---|
- 第一项 - 第二项 - 第三项 - 第四项 | <ul> <li>第一项</li> <li>第二项</li> <li>第三项</li> <li>第四项</li> </ul> |
|
* 第一项 * 第二项 * 第三项 * 第四项 | <ul> <li>第一项</li> <li>第二项</li> <li>第三项</li> <li>第四项</li> </ul> |
|
+ 第一项 + 第二项 + 第三项 + 第四项 | <ul> <li>第一项</li> <li>第二项</li> <li>第三项</li> <li>第四项</li> </ul> |
|
- 第一项 - 第二项 - 第三项 - 缩进项一 - 缩进项二 - 第四项 | <ul> <li>第一项</li> <li>第二项</li> <li>第三项</li> <ul> <li>缩进项一</li> <li>缩进项二</li> </ul> <li>第四项</li> </ul> |
|
无序列表最佳实践
Markdown 应用程序不允许在同一列表中使用不同分隔符。为了兼容性,不要在同一个列表中混合和匹配分隔符 —— 选择一个并坚持使用。
正确用法 | 错误示例 |
---|---|
- 第一项 - 第二项 - 第三项 - 第四项 | + 第一项 * 第二项 - 第三项 + 第四项 |
在列表中嵌套其他元素
要在保留列表连续性的同时在列表中添加另一种元素,请将该元素缩进四个空格或一个制表符,如下例所示:
段落
<span style="color:#000000"><span style="background-color:#282c34"><code>* 这是第一个列表项。
* 这是第二个列表项。
我需要在第二个清单项目下面再增加一段。
* 这是第三个列表项。
</code></span></span>
渲染效果如下:
-
这是第一个列表项。
-
这是第二个列表项。
我需要在第二个清单项目下面再增加一段。
-
这是第三个列表项。
引用块
<span style="color:#000000"><span style="background-color:#282c34"><code>* 这是第一个列表项。
* 这是第二个列表项。
> 在第二个列表项下面,一个块引用看起来很棒。
* 这是第三个列表项。
</code></span></span>
渲染效果如下:
-
这是第一个列表项。
-
这是第二个列表项。
在第二个列表项下面,一个块引用看起来很棒。
-
这是第三个列表项。
代码块
代码块通常采用四个空格或一个制表符缩进。当它们被放在列表中时,请将它们缩进八个空格或两个制表符。
<span style="color:#000000"><span style="background-color:#282c34"><code>1. 打开文件。
2. 找到以下代码块的第21行:
<html>
<head>
<title>Test</title>
</head>
3. 更新标题以匹配您的网站名称。
</code></span></span>
渲染效果如下:
-
打开文件。
-
找到以下代码块的第21行:
<span style="color:#000000"><span style="background-color:#282c34"><code><html> <head> <title>Test</title> </head> </code></span></span>
- 1
- 2
- 3
- 4
-
更新标题以匹配您的网站名称。
图片
<span style="color:#000000"><span style="background-color:#282c34"><code>1. 打开包含 Linux 吉祥物的文件。
2. 它非常美丽。

3. 关闭文件
</code></span></span>
渲染效果如下:
- 打开包含 Linux 吉祥物的文件。
- 它非常美丽。
- 关闭文件
列表
您可以在有序列表中嵌套一个无序列表,反之亦然。
<span style="color:#000000"><span style="background-color:#282c34"><code>1. 第一项
2. 第二项
3. 第三项
- 缩进项一
- 缩进项二
4. 第四项
</code></span></span>
渲染效果如下:
- 第一项
- 第二项
- 第三项
- 缩进项一
- 缩进项二
- 第四项
八. Markdown 代码
要将单词或短语表示为代码,请将其包裹在反引号(`)中。
Markdown语法 | HTML | 预览效果 |
---|---|---|
在命令提示下,键入 `nano` | 在命令提示下,键入 nano | 在命令提示下,键入 nano |
转义反引号
如果你要表示为代码的单词或短语中包含一个或多个反引号,则可以通过将单词或短语包裹在双反引号(``)中。
Markdown语法 | HTML | 预览效果 |
---|---|---|
`` 在你的Markdown文件中使用`代码` `` | <code>在你的Markdown文件中使用`代码`</code> | 在你的Markdown文件中使用`代码` |
代码块
要创建代码块,请将代码块的每一行缩进至少四个空格或一个制表符。
<span style="color:#000000"><span style="background-color:#282c34"><code> <html>
<head>
</head>
</html>
</code></span></span>
渲染效果如下:
<span style="color:#000000"><span style="background-color:#282c34"><code> <html>
<head>
</head>
</html>
</code></span></span>
Note: 要创建不用缩进的代码块,请使用 围栏式代码块(fenced code blocks)。
九. Markdown 分隔线
要创建分隔线,请在单独一行上使用三个或多个星号(***)、破折号(—)或下划线(___),并且不能包含其他内容。
<span style="color:#000000"><span style="background-color:#282c34"><code>***
---
_________________
</code></span></span>
以上三个分隔线的渲染效果看起来都一样:
分隔线(Horizontal Rule)用法最佳实践
为了兼容性,请在分隔线的前后均添加空白行。
正确用法 | 错误示例 |
---|---|
试着在…之前加一个空行 — …并在水平规则之后 | 如果没有空行,这将是一个标题。 — 不要这样做 |
十. Markdown 跳转链接
链接文本放在中括号内,链接地址放在后面的括号中,链接title可选。
超链接Markdown语法代码:[超链接显示名](超链接地址 "超链接title")
对应的HTML代码:<a href="超链接地址" title="超链接title">超链接显示名</a>
<span style="color:#000000"><span style="background-color:#282c34"><code>这是一个链接 [Markdown语法](https://markdown.com.cn)。
</code></span></span>
渲染效果如下:
这是一个链接 Markdown语法。
给链接增加 Title
链接 title 是当鼠标悬停在链接上时会出现的文字,这个 title 是可选的,它放在圆括号中链接地址后面,跟链接地址之间以空格分隔。
<span style="color:#000000"><span style="background-color:#282c34"><code>这是一个链接 [Markdown语法](https://markdown.com.cn "最好的markdown教程")。
</code></span></span>
渲染效果如下:
这是一个链接 Markdown语法。
网址和Email地址
使用尖括号可以很方便地把 URL 或者 email 地址变成可点击的链接。
<span style="color:#000000"><span style="background-color:#282c34"><code><https://markdown.com.cn>
<fake@example.com>
</code></span></span>
渲染效果如下:
https://markdown.com.cn
fake@example.com
带格式化的链接
强调链接, 在链接语法前后增加星号。 要将链接表示为代码,请在方括号中添加反引号。
<span style="color:#000000"><span style="background-color:#282c34"><code>我喜欢支持 **[EFF](https://eff.org)**.
这是 *[Markdown 指南](https://www.markdownguide.org)*.
请参阅上面的 [`代码`](#代码)部分。
</code></span></span>
- 1
- 2
- 3
渲染效果如下:
我喜欢支持 EFF.
这是 Markdown 指南.
请参阅上面的 代码
部分。
引用类型链接
引用样式链接是一种特殊的链接,它使 URL 在 Markdown 中更易于显示和阅读。参考样式链接分为两部分:与文本保持内联的部分以及存储在文件中其他位置的部分,以使文本易于阅读。
链接的第一部分格式
引用类型的链接的第一部分使用两组括号进行格式设置。第一组方括号包围应显示为链接的文本。第二组括号显示了一个标签,该标签用于指向您存储在文档其他位置的链接。
尽管不是必需的,可以在第一组和第二组括号之间包含一个空格。第二组括号中的标签不区分大小写,可以包含字母,数字,空格或标点符号。
以下示例格式对于链接的第一部分效果相同:
- [hobbit-hole][1]
- [hobbit-hole] [1]
链接的第二部分格式
引用类型链接的第二部分使用以下属性设置格式:
- 放在括号中的标签,其后紧跟一个冒号和至少一个空格(例如[label]:)。
- 链接的 URL,可以选择将其括在尖括号中。
- 链接的可选标题,可以将其括在双引号,单引号或括号中。
以下示例格式对于链接的第二部分效果相同:
- [1]: https://en.wikipedia.org/wiki/Hobbit#Lifestyle
- [1]: https://en.wikipedia.org/wiki/Hobbit#Lifestyle “Hobbit lifestyles”
- [1]: https://en.wikipedia.org/wiki/Hobbit#Lifestyle ‘Hobbit lifestyles’
- [1]: https://en.wikipedia.org/wiki/Hobbit#Lifestyle (Hobbit lifestyles)
- [1]: https://en.wikipedia.org/wiki/Hobbit#Lifestyle “Hobbit lifestyles”
- [1]: https://en.wikipedia.org/wiki/Hobbit#Lifestyle ‘Hobbit lifestyles’
- [1]: https://en.wikipedia.org/wiki/Hobbit#Lifestyle (Hobbit lifestyles)
可以将链接的第二部分放在 Markdown 文档中的任何位置。有些人将它们放在出现的段落之后,有些人则将它们放在文档的末尾(例如尾注或脚注)。
链接最佳实践
不同的 Markdown 应用程序处理 URL 中间的空格方式不一样。为了兼容性,请尽量使用%20代替空格。
正确用法 | 错误示例 |
---|---|
[link] (https://www.example.com/my%20great%20page) | [link](https://www.example.com/my great page) |
十一. Markdown 图片
要添加图像,请使用感叹号(!),然后在方括号增加替代文本,图片链接放在圆括号里,括号里的链接后可以增加一个可选的图片标题文本。
插入图片 Markdown 语法代码:
。
对应的HTML代码:<img src="图片链接" alt="图片alt" title="图片title">
。
<span style="color:#000000"><span style="background-color:#282c34"><code>
</code></span></span>
- 1
渲染效果如下:
链接图片
给图片增加链接,请将图像的 Markdown 括在方括号中,然后将链接添加在圆括号中。
<span style="color:#000000"><span style="background-color:#282c34"><code>[](https://markdown.com.cn)
</code></span></span>
渲染效果如下:
十二. Markdown 转义字符
要显示原本用于格式化 Markdown 文档的字符,请在字符前面添加反斜杠字符 \ 。
<span style="color:#000000"><span style="background-color:#282c34"><code>\* 如果没有反斜杠,这将是无序列表中的项目符号。
</code></span></span>
渲染效果如下:
* 如果没有反斜杠,这将是无序列表中的项目符号。
可做转义的字符
以下列出的字符都可以通过使用反斜杠字符从而达到转义目的。
字符 | 名称 |
---|---|
\ | 反斜杠 |
` | 反引号 |
* | 星号 |
- | 短杠 |
{ } | 大括号 |
[] | 中括号 |
() | 小括号 |
# | #号 |
+ | +号 |
- | -号 |
. | 点号 |
! | 感叹号 |
| | 竖线 |
特殊字符自动转义
在 HTML 文件中,有两个字符需要特殊处理: <
和 &
。<
符号用于起始标签,&
符号则用于标记 HTML 实体,如果你只是想要使用这些符号,你必须要使用实体的形式,像是 <
和 &
。
&
符号其实很容易让写作网页文件的人感到困扰,如果你要打「AT&T」 ,你必须要写成「AT&T
」 ,还得转换网址内的 &
符号,如果你要链接到:
<span style="color:#000000"><span style="background-color:#282c34"><code>http://images.google.com/images?num=30&q=larry+bird
</code></span></span>
你必须要把网址转成:
<span style="color:#000000"><span style="background-color:#282c34"><code>http://images.google.com/images?num=30&q=larry+bird
</code></span></span>
才能放到链接标签的 href
属性里。不用说也知道这很容易忘记,这也可能是 HTML 标准检查所检查到的错误中,数量最多的。
Markdown 允许你直接使用这些符号,它帮你自动转义字符。如果你使用 &
符号的作为 HTML 实体的一部分,那么它不会被转换,而在其它情况下,它则会被转换成 &
。所以你如果要在文件中插入一个著作权的符号,你可以这样写:
<span style="color:#000000"><span style="background-color:#282c34"><code>©
</code></span></span>
Markdown 将不会对这段文字做修改,但是如果你这样写:
<span style="color:#000000"><span style="background-color:#282c34"><code>AT&T
</code></span></span>
Markdown 就会将它转为:
<span style="color:#000000"><span style="background-color:#282c34"><code>AT&T
</code></span></span>
类似的状况也会发生在 <
符号上,因为 Markdown 支持 行内 HTML ,如果你使用 <
符号作为 HTML 标签的分隔符,那 Markdown 也不会对它做任何转换,但是如果你是写:
<span style="color:#000000"><span style="background-color:#282c34"><code>4 < 5
</code></span></span>
Markdown 将会把它转换为:
<span style="color:#000000"><span style="background-color:#282c34"><code>4 < 5
</code></span></span>
需要特别注意的是,在 Markdown 的块级元素和内联元素中, <
和 &
两个符号都会被自动转换成 HTML 实体,这项特性让你可以很容易地用 Markdown 写 HTML。(在 HTML 语法中,你要手动把所有的 <
和 &
都转换为 HTML 实体。)
十三. Markdown 内嵌 HTML 标签
对于 Markdown 涵盖范围之外的标签,都可以直接在文件里面用 HTML 本身。如需使用 HTML,不需要额外标注这是 HTML 或是 Markdown,只需 HTML 标签添加到 Markdown 文本中即可。
行级內联标签
HTML 的行级內联标签如 <span>
、<cite>
、<del>
不受限制,可以在 Markdown 的段落、列表或是标题里任意使用。依照个人习惯,甚至可以不用 Markdown 格式,而采用 HTML 标签来格式化。例如:如果比较喜欢 HTML 的 <a>
或 <img>
标签,可以直接使用这些标签,而不用 Markdown 提供的链接或是图片语法。当你需要更改元素的属性时(例如为文本指定颜色或更改图像的宽度),使用 HTML 标签更方便些。
HTML 行级內联标签和区块标签不同,在內联标签的范围内, Markdown 的语法是可以解析的。
<span style="color:#000000"><span style="background-color:#282c34"><code>这个 **word** 是粗体. 这个 <em>word</em> 是斜体。
</code></span></span>
渲染效果如下:
这个 word 是粗体. 这个 word 是斜体。
区块标签
区块元素──比如 <div>
、<table>
、<pre>
、<p>
等标签,必须在前后加上空行,以便于内容区分。而且这些元素的开始与结尾标签,不可以用 tab 或是空白来缩进。Markdown 会自动识别这区块元素,避免在区块标签前后加上没有必要的 <p>
标签。
例如,在 Markdown 文件里加上一段 HTML 表格:
<span style="color:#000000"><span style="background-color:#282c34"><code>This is a regular paragraph.
<table>
<tr>
<td>Foo</td>
</tr>
</table>
This is another regular paragraph.
</code></span></span>
请注意,Markdown 语法在 HTML 区块标签中将不会被进行处理。例如,你无法在 HTML 区块内使用 Markdown 形式的强调。
HTML 用法最佳实践
出于安全原因,并非所有 Markdown 应用程序都支持在 Markdown 文档中添加 HTML。如有疑问,请查看相应 Markdown 应用程序的手册。某些应用程序只支持 HTML 标签的子集。
对于 HTML 的块级元素 <div>
、<table>
、<pre>
和 <p>
,请在其前后使用空行(blank lines)与其它内容进行分隔。尽量不要使用制表符(tabs)或空格(spaces)对 HTML 标签做缩进,否则将影响格式。
在 HTML 块级标签内不能使用 Markdown 语法。例如 <p>italic and **bold**</p>
将不起作用。