、、` 等标签，必须在前后加上空行，以便于内容区分。而且这些元素的开始与结尾标签，不可以用 tab 或是空白来缩进。Markdown 会自动识别这区块元素，避免在区块标签前后加上没有必要的 `
` 标签。
Foo
请注意，Markdown 语法在 HTML 区块标签中将不会被进行处理。例如，你无法在 HTML 区块内使用 Markdown 形式的\*强调\*。
# 13.表格(扩展语法)(table系列标签)
- 要添加表，请使用三个或多个连字符(---)创建每列的标题，并使用管道(|)分隔每列。您可以选择在表的任一端添加管道。
- 您可以在表格中设置文本格式。例如，您可以添加链接，代码(仅反引号(\`)中的单词或短语，而不是代码块)和强调。您不能添加标题，块引用，列表，水平规则，图像或HTML标签。
- 您可以使用表格的HTML字符代码(|)在表中显示竖线(|)字符。
| 默认（对齐方式与软件有关） |姓名左对齐 |姓名右对齐 |姓名居中对齐 |
|---|:---|---:|:---:|
| 张三 |张三 |张三 |张三 |
| 李四 |李四 |李四 |李四 |
# 14.围栏代码块(扩展语法)(code标签)
Markdown基本语法允许您通过将行缩进四个空格或一个制表符来创建代码块。如果发现不方便，请尝试使用受保护的代码块。根据Markdown处理器或编辑器的不同，您将在代码块之前和之后的行上使用三个反引号(\`)或三个波浪号(~)。
## 14.1 普通围栏代码块
{
"id": 1,
"name": "张三"
}
```
{
"id": 1,
"name": "张三"
}
```
~~~
{
"id": 1,
"name": "张三"
}
~~~
## 14.2 高亮围栏代码块
```json
{
"id": 1,
"name": "张三"
}
```
```xml
1
张三
```
```java
/** 注释 */
public class User {
private String name; // 姓名
}
```
```javascript
/** 注释 */
function getName() {
return "张三"; // 姓名
}
```
## 14.3 其它非官网语法
### 14.3.1 公式(IDEA、Typora、有道云 不支持)
$$ E = mc^2 $$
Gamma公式展示 $\Gamma(n) = (n-1)!\quad\forall n\in\mathbb N$ 是通过 Euler integral
$$ \Gamma(z) = \int_0^\infty t^{z-1}e^{-t}dt\,. $$
### 14.3.2 math(IDEA、github、码云、Typora、CSDN 不支持)
```math
E = mc^2
```
```math
\Gamma(z) = \int_0^\infty t^{z-1}e^{-t}dt\,.
```
### 14.3.3 graph 流程图(IDEA支持但是需下载 mermaid 扩展；有道云支持但是不能有mermaid)
```mermaid
graph LR
A -->B
```
```mermaid
graph LR
A[长方形] -- 链接 --> B((圆))
A --> C(圆角长方形)
B --> D{菱形}
C --> D
```
### 14.3.4 flowchat 流程图(IDEA、github、码云、Typora、有道云 不支持)
```mermaid
flowchat
st=>start: 开始
e=>end: 结束
op=>operation: 我的操作
cond=>condition: 确认？
st->op->cond
cond(yes)->e
cond(no)->op
```
### 14.3.5 UML时序图(IDEA支持但是需下载 mermaid 扩展；有道云支持但是不能有mermaid)
```mermaid
sequenceDiagram
A->>B: How are you?
B->>A: Great!
```
```mermaid
sequenceDiagram
张三 ->> 李四: 你好！李四, 最近怎么样?
李四-->>王五: 你最近怎么样，王五？
李四--x 张三: 我很好，谢谢!
李四-x 王五: 我很好，谢谢!
Note right of 王五: 李四想了很长时间, 文字太长了
不适合放在一行.
李四-->>张三: 打量着王五...
张三->>王五: 很好...王五, 你怎么样?
```
### 14.3.6 甘特图(IDEA支持但是需下载 mermaid 扩展；有道云支持但是不能有mermaid)
```mermaid
gantt
dateFormat YYYY-MM-DD
section S1
T1: 2014-01-01, 9d
section S2
T2: 2014-01-11, 9d
section S3
T3: 2014-01-02, 9d
```
```mermaid
gantt
dateFormat YYYY-MM-DD
title Adding GANTT diagram functionality to mermaid
section 现有任务
已完成 :done, des1, 2014-01-06,2014-01-08
进行中 :active, des2, 2014-01-09, 3d
计划中 : des3, after des2, 5d
```
### 14.3.7 类图(IDEA支持但是需下载 mermaid 扩展；Typora、有道云 不支持)
```mermaid
classDiagram
Class01 <|-- AveryLongClass : Cool
<> Class01
Class09 --> C2 : Where am i?
Class09 --* C3
Class09 --|> Class07
Class07 : equals()
Class07 : Object[] elementData
Class01 : size()
Class01 : int chimp
Class01 : int gorilla
class Class10 {
>>service>>
int id
size()
}
```
# 15.脚注(扩展语法)
引用URL。[^1]
引用本地文件。[^2]
下面的链接一般写文档末尾
[^1]: http://www.baidu.com
[^2]: .gitignore
# 16.Emoji 表情(扩展语法)(IDEA、有道云不支持)
有两种方法可以将表情符号添加到Markdown文件中：将表情符号复制并粘贴到Markdown格式的文本中，或者键入emoji shortcodes。
去露营了！ :tent: 很快回来。
真好笑！ :joy:
# 17.自动网址连接(扩展语法)
许多Markdown处理器会自动将URL转换为链接。这意味着如果您输入http://www.example.com，即使您未使用方括号，您的Markdown处理器也会自动将其转换为链接。
https://www.baidu.com
禁用自动URL链接
`https://www.baidu.com`
# 18.注释（非官网语法）
[//]: # (注释语法2：IDEA的)
*[HTML]: 注释语法3（IDEA不支持）