Markdown学习

$\mathbf{Markdown}\mathbf{学习}$

一、Markdown简介^[1]

1. 转换：Markdown编写的文档导出HTML、Word、Latex、PDF等文档

2. 后缀：.md或.markdown

3. 用途：撰写电子书，例如GitHub、CSDN、简书、reddit、Diaspora、Stack Exchange、OpenStreetMap、SourceForge等，本文就是使用Markdown撰写的

4. 编辑器：Typora、sublime Text、code runner、vim等

5. Visual Studio Code推荐插件

• Markdown All in One:提供完整Markdown环境

• Markdown Preview Enhanced:提供Markdown预览主题和文档格式转换

• Markdown Preview Mermaid Support:提供完整Mermaid环境

6. 快捷键

功能	快捷键
加粗	Ctrl+ B
斜体	Ctrl+ I
插入链接	Ctrl+Shift+ L
插入代码	Ctrl+Shift+ K
插入图片	Ctrl+Shift+ G
标题	Ctrl+Shift+ H
有序列表	Ctrl+ Shift+O
无序列表	Ctrl+Shift+ U
待办列表	Ctrl+Shift+ C
撤销	Ctrl+ Z
重做	Ctrl+ Y
查找	Ctrl+ F
替换	Ctrl+ G

不同的Markdown编辑器快捷键可能不一致，上述为CSDN中Markdown编辑器的常用快捷键

---

二、Markdown基本操作^[1]

（一）标题

• 代码：

# 一级标题
## 二级标题
### 三级标题
#### 四级标题
##### 五级标题
###### 六级标题

• 显示效果：

$\mathbf{一级标题}$

$\mathbf{二级标题}$
$\mathbf{三级标题}$
$\mathbf{四级标题}$
$\mathbf{五级标题}$
$\mathbf{六级标题}$

---

（二）换行

1. 一个空行

• 代码：

示例语句1
示例语句2

• 显示效果：

示例语句1
示例语句2

2. <br>

• 代码：

示例语句1<br>示例语句2<br>示例语句3

• 显示效果：

示例语句1
示例语句2
示例语句3

---

（三）字体

1. 基础字体格式

代码	显示效果
*斜体文本* _斜体文本_	斜体文本 斜体文本
**粗体文本** __粗体文本__	粗体文本 粗体文本
***粗斜体文本*** ___粗斜体文本___	粗斜体文本 粗斜体文本

2. HTML元素字体

• 部分Markdown编辑器支持HTML元素的元信息标签font字体

• 代码：

<font size=5 color=#008000 face="微软雅黑">尺寸为5，颜色为绿色，字体为微软雅黑的文字</font>

• 显示效果：

尺寸为5，颜色为绿色，字体为微软雅黑的文字

---

（四）高亮

• 代码：

==示例文字==

• 显示效果：

示例文字

---

（五）背景

• 部分Markdown编辑器支持HTML元素的table, tr, td 等表格标签的bgcolor 属性可以实现文字背景颜色填充

• 代码：

<table><tr><td bgcolor=DarkSeaGreen>背景颜色为深海洋绿的文字</td></tr></table>

• 显示效果：

背景颜色为深海洋绿的文字

---

（六）分割

• 代码：

***

* * *

---

- - -

• 显示效果

---

---

（七）划线

代码	显示效果	备注
~~删除线~~	删除线
<u>下划线</u>	下划线	<u>开始位置，</u>为结束位置

---

（八）列表

1. 无序

• 代码：

* 示例语句1
- 示例语句2
+ 示例语句3

• 显示效果

• 示例语句1

• 示例语句2

• 示例语句3

2. 有序

• 代码：

1. 示例语句

• 显示效果

1.示例语句

• 备注

数字加.和一个空格

3. 复选框

• 代码：

* [ ] 示例语句1
* [x] 示例语句2
* [X] 示例语句3

• 显示效果

• 示例语句1

• 示例语句2

• 示例语句3

• 备注

*可以换成-、+,且[ ]中依次为一个空格、x(小写字母)、X(大写字母)

4. 嵌套使用

有序和无序可以嵌套使用

---

（九）区块

1. 区块嵌套

• 代码

> markdown
>> 基础
>>> 区块引用

• 显示效果

markdown

基础

区块引用

2. 区块使用列表

• 代码

>区块中使用列表
>1. 第一项
>2. 第二项
>>+ 第一项
>>+ 第二项
>>+ 第三项

• 显示效果

区块中使用列表

1. 第一项
2. 第二项

• 第一项
• 第二项
• 第三项

---

（十）目录

• 代码

@[toc]

• 显示效果

三、Markdown进阶操作^[1]

（一）插入代码

1. 一行代码

• 代码

`int a=0;`

• 显示效果

int a=0;

2. 代码块

• 代码

```cpp
int a = 1;
int b = 2;
```

• 显示效果

int a = 1;
int b = 2;

---

（二）插入链接

• 代码格式

[链接名称](链接地址)

链接地址

<链接地址>

[链接名称][链接标识符] 
[链接标识符]:链接地址

• 示例代码

[CSDN@智科不编程](https://blog.csdn.net/qq_74251965?type=blog)
https://blog.csdn.net/qq_74251965?type=blog
<https://blog.csdn.net/qq_74251965?type=blog>
[CSDN@智科不编程][a] 
[a]:https://blog.csdn.net/qq_74251965?type=blog

• 显示效果

CSDN@智科不编程
https://blog.csdn.net/qq_74251965?type=blog
https://blog.csdn.net/qq_74251965?type=blog
CSDN@智科不编程

• 备注

网络链接支持上述四种表示方法插入链接

本地路径支持第1、3、4种表示方法插入链接。其中本地路径规则可以点击这里查看本地路径规则

Markdown标题地址仅支持第1种表示方法插入链接，不过CSDN目前似乎不支持该方法。其中Markdown标题地址表示为#Markdown标题，例如#（二）插入链接

---

（三）插入图片

1. 插入普通图片

• 代码格式

![图片名称](图片地址)

![](图片地址)

• 示例代码

![](https://i-blog.csdnimg.cn/blog_migrate/4eec13b9f3f8d746fd196c64c00b476e.png)

• 显示效果

2. 插入带链接的图片

• 代码格式

[![图片名称](图片地址)](链接地址)

[![](图片地址)](链接地址)

• 示例代码

[![](https://cdn.jsdelivr.net/gh/sername531/imgur//image/202403310724308.png)](https://cdn.jsdelivr.net/gh/sername531/imgur//image/202403310724308.png)

• 显示效果

3. 图片排版

使用HTML元素进行图片排版，下面给出一个简单的例子模板

• 示例代码

<center>
    <img src="https://i-blog.csdnimg.cn/blog_migrate/4eec13b9f3f8d746fd196c64c00b476e.png" weight="25%"><br>
    <img src="https://i-blog.csdnimg.cn/blog_migrate/4eec13b9f3f8d746fd196c64c00b476e.png" weight="25%">
    <img src="https://i-blog.csdnimg.cn/blog_migrate/4eec13b9f3f8d746fd196c64c00b476e.png" weight="25%"><br>
    示例图注
</center>

• 显示效果

示例图注

• 备注

图片URL生成网站推荐：z4a图床

自己搭建图床：搭建图床教程

---

（四）插入表格

推荐在线生成Markdown网站：TableConvert

• 代码

| 表头   |   表头 |  表头  | 表头   |
| :----- | -----: | :----: | ------ |
| 单元格 | 单元格 | 单元格 | 单元格 |
| 单元格 | 单元格 | 单元格 | 单元格 |

• 显示效果

表头	表头	表头	表头
单元格	单元格	单元格	单元格
单元格	单元格	单元格	单元格

• 备注

第二行| |内填---默认左对齐，换左:实现左对齐

仅换右:实现右对齐

换左:和右:实现居中对齐

---

（五）交叉引用^[2]

1. 单向引用

• 正文代码格式

正文代码1[<sup>[序号]</sup>](#IdName)正文代码2

• 文献代码格式

[序号] <a id="IdName"></a>文献代码

• 示例代码

1990年，推荐系统的概念首次被哥伦比亚大学的Jusii Karlgren教授在一份报告[<sup>[序号]</sup>](#IdName)中提及。

[序号] <a id="IdName"></a>Karlgren, Jussi. An algebra for recommendations: using reader data as a basis for measuring document proximity, 1990.

• 显示效果

1990年，推荐系统的概念首次被哥伦比亚大学的Jusii Karlgren教授在一份报告^[序号]中提及。

[xuhao] Karlgren, Jussi. An algebra for recommendations: using reader data as a basis for measuring document proximity, 1990.

2. 双向引用

• 代码格式

<a id="IdName1" href="#IdName2">内容1</a>
<a id="IdName2" href="#IdName1">内容2</a>

• 示例代码

<a id="IdName1" href="#IdName2">1990年，推荐系统的概念首次被哥伦比亚大学的Jusii Karlgren教授在一份报告中提及。</a>
<a id="IdName2" href="#IdName1">Karlgren, Jussi. An algebra for recommendations: using reader data as a basis for measuring document proximity, 1990.</a>

• 显示效果

1990年，推荐系统的概念首次被哥伦比亚大学的Jusii Karlgren教授在一份报告中提及。
Karlgren, Jussi. An algebra for recommendations: using reader data as a basis for measuring document proximity, 1990.

---

##　（六）插入脚注

• 代码格式

正文内容[^IdName]
[^IdName]: 脚注内容

• 示例代码

CSDN@智科不编程[^1]
[^1]: CSDN@智科不编程的Markdown学习

• 显示效果

CSDN@智科不编程¹

---

四、LaTeX公式^[3][4]

需要支持渲染$\text{LATEX}$公式的环境才能正确显示

1. LaTeX工具

• Edge浏览器即时识别数学公式^[5]

Edge浏览器>>设置>>外观

开启数学求解器开关

Edge浏览器工具栏找到数学求解器图标单击使用

数学求解器只能识别简单的数学公式

• 在线识别数学公式^[6]

在线识别数学公式推荐：LaTeXLive

2. 行内公式

• 代码

示例语句1$示例公式$示例语句2

• 显示效果

示例语句1$示例公式$示例语句2

3. 块级公式

$\text{LATEX}$用$$...$$表示无序号的块级公式，用\begin{eqnarray}...\end{eqnarray}表示有序号的块级公式(Markdown不支持后者)

• 代码

示例语句1
$$示例公式$$
示例语句2

• 显示效果

示例语句1
$$示例公式$$
示例语句2

4. 公式文本

• 示例代码

$$
\text{e}^{\text{i}\pi}+1=0\\
e^{i\pi}+1=0
$$

• 显示效果

$$\begin{gathered} {\text{e}}^{\text{i}\pi }+1=0 \\ {e}^{i\pi }+1=0 \end{gathered}$$

5. 常量类

用罗马体表示

• 示例代码

$\mathrm{e}$

• 显示效果

$\mathrm{e}$

6. 微分类

用罗马体表示微分符号，前面加\,表示空格

• 示例代码

$$
\,\mathrm{d}x\,\partial x\,\nabla x
$$

• 显示效果

$$\mathrm{d}x\partial x\nabla x$$

（一）符号与字母

1. 希腊字母 Greek alphabet

序号	小写及大写	$$\text{LATEX}$$	读音
1	$\alpha \mathrm{A}$	\alpha \mathrm{A}	/ˈælfə/
2	$\beta \mathrm{B}$	\beta \mathrm{B}	/ˈbiːtə/, US: /ˈbeɪtə/
3	$\gamma \Gamma \Gamma$	\gamma \Gamma \varGamma	/ˈɡæmə/
双伽马函数	$ϝ$	\digamma	/ˈdiɡæmə/
4	$\delta \Delta \Delta$	\delta \Delta \varDelta	/ˈdɛltə/
5	$ϵ\epsilon \mathrm{E}$	\epsilon \varepsilon \mathrm{E}	/ˈɛpsɪlɒn/
6	$\zeta \mathrm{Z}$	\zeta \mathrm{Z}	/ˈzeɪtə/
7	$\eta \mathrm{H}$	\eta \mathrm{H}	/ˈeɪtə/
8	$\theta \vartheta \Theta \Theta$	\theta \vartheta \Theta \varTheta	/ˈθiːtə/
9	$\iota \mathrm{I}$	\iota \varkappa \mathrm{I}	/aɪˈoʊtə/
10	$\kappa \varkappa \mathrm{K}$	\kappa \mathrm{K}	/ˈkæpə/
11	$\lambda \Lambda \Lambda$	\lambda \Lambda \varLambda	/ˈlæmdə/
12	$\mu \mathrm{M}$	\mu \mathrm{M}	/mjuː/
13	$\nu \mathrm{N}$	\nu \mathrm{N}	/njuː/
14	$\xi \Xi \Xi$	\xi \Xi \varXi	/zaɪ, ksaɪ/
15	$o\mathrm{O}$	\omicron \mathrm{O}	/ˈɒmɪkrɒn/
16	$\pi \varpi \Pi \Pi$	\pi \varpi \Pi \varPi	/paɪ/
17	$\rho \varrho \mathrm{P}$	\rho \varrho \mathrm{P}	/roʊ/
18	$\sigma \varsigma \Sigma \Sigma$	\sigma \varsigma \Sigma \varSigma	/ˈsɪɡmə/
19	$\tau \mathrm{T}$	\tau \mathrm{T}	/taʊ, tɔː/
20	$\upsilon {\rm Y}{\rm Y}$	\upsilon \Upsilon \varUpsilon	/ˈʌpsɪlɒn/
21	$\varphi \phi \Phi \Phi$	\phi \varphi \Phi \varPhi	/faɪ/
22	$\chi \mathrm{X}$	\chi \mathrm{X}	/kaɪ/
23	$\psi \Psi \Psi$	\psi \Psi \varPsi	/psaɪ/
24	$\omega \Omega \Omega$	\omega \Omega \varOmega	/oʊˈmeɪɡə/

2. 希伯来字母 Hebrew alphabet

序号	图标	$$\text{LATEX}$$	英文
1	$\aleph$	\aleph	aleph
2	$\beth$	\beth	beth
3	$\gimel$	\gimel	gimel
4	$\daleth$	\daleth	daleth

3. 二元运算符 Binary operations

序号	图标	$$\text{LATEX}$$	序号	图标	$$\text{LATEX}$$
1	$+$	+	20	$\bullet$	\bullet
2	$-$	-	21	$\oplus$	\oplus
3	$\times$	\times	22	$\ominus$	\ominus
4	$÷$	\div (在physics扩展开启状态下为$\nabla \cdot$ )	23	$\odot$	\odot
5	$\pm$	\pm	24	$\oslash$	\oslash
6	$\mp$	\mp	25	$\otimes$	\otimes
7	$◃$	\triangleleft	26	$◯$	\bigcirc
8	$▹$	\triangleright	27	$\diamond$	\diamond
9	$\cdot$	\cdot	28	$\uplus$	\uplus
10	$\setminus$	\setminus	29	$△$	\bigtriangleup
11	$\star$	\star	30	$▽$	\bigtriangledown
12	$\ast$	\ast	31	$⊲$	\lhd
13	$\cup$	\cup	32	$⊳$	\rhd
14	$\cap$	\cap	33	$⊴$	\unlhd
15	$\bigsqcup$	\sqcup	34	$⊵$	\unrhd
16	$\sqcap$	\sqcap	35	$⨿$	\amalg
17	$\vee$	\vee	36	$\wr$	\wr
18	$\wedge$	\wedge	37	$†$	\dagger
19	$\circ$	\circ	38	$‡$	\ddagger

4. 二元关系符 Binary relations

序号	图标	$$\text{LATEX}$$	序号	图标	$$\text{LATEX}$$
1	$=$	=	49	$⪈$	\gneq
2	$\ne$	\ne	50	$\geqq$	\geqq
3	$\ne$	\neq	51	$\ngeqq$	\ngeq
4	$\equiv$	\equiv	52	$$	\ngeqq
5	$\not\equiv$	\not\equiv	53	$\gneqq$	\gneqq
6	$\doteq$	\doteq	54	$$	\gvertneqq
7	$\doteqdot$	\doteqdot	55	$\lessgtr$	\lessgtr
8	$\stackrel{\underset{\mathrm{def}}{}}{=}$	\overset{\underset{\mathrm{def}}{}}{=}	56	$⋚$	\lesseqgtr
9	$:=$	:=	57	$⪋$	\lesseqqgtr
10	$\sim$	\sim	58	$\gtrless$	\gtrless
11	$\nsim$	\nsim	59	$⋛$	\gtreqless
12	$\backsim$	\backsim	60	$⪌$	\gtreqqless
13	$\sim$	\thicksim	61	$⩽$	\leqslant
14	$\simeq$	\simeq	62	$$	\nleqslant
15	$\backsimeq$	\backsimeq	63	$⪕$	\eqslantless
16	$\eqsim$	\eqsim	64	$⩾$	\geqslant
17	$\cong$	\cong	65	$$	\ngeqslant
18	$≆$	\ncong	66	$⪖$	\eqslantgtr
19	$\approx$	\approx	67	$\lesssim$	\lesssim
20	$\approx$	\thickapprox	68	$⋦$	\lnsim
21	$\approxeq$	\approxeq	69	$⪅$	\lessapprox
22	$\asymp$	\asymp	70	$⪉$	\lnapprox
23	$\propto$	\propto	71	$\gtrsim$	\gtrsim
24	$\propto$	\varpropto	72	$⋧$	\gnsim
25	$<$	&lt;	73	$⪆$	\gtrapprox
26	$\nless$	\nless	74	$⪊$	\gnapprox
27	$\ll$	\ll	75	$\prec$	\prec
28	$/\ll$	\not\ll	76	$\nprec$	\nprec
29	$⋘$	\lll	77	$⪯$	\preceq
30	$/⋘$	\not\lll	78	$⋠$	\npreceq
31	$⋖$	\lessdot	79	$⪵$	\precneqq
32	$>$	&gt;	80	$\succ$	\succ
33	$\ngtr$	\ngtr	81	$\nsucc$	\nsucc
34	$\gg$	\gg	82	$⪰$	\succeq
35	$/\gg$	\not\gg	83	$⋡$	\nsucceq
36	$⋙$	\ggg	84	$⪶$	\succneqq
37	$/⋙$	\not\ggg	85	$\preccurlyeq$	\preccurlyeq
38	$⋗$	\gtrdot	86	$⋞$	\curlyeqprec
39	$\le$	\le	87	$\succcurlyeq$	\succcurlyeq
40	$\le$	\leq	88	$⋟$	\curlyeqsucc
41	$⪇$	\lneq	89	$\precsim$	\precsim
42	$\leqq$	\leqq	90	$⋨$	\precnsim
43	$\nleqq$	\nleq	91	$⪷$	\precapprox
44	$$	\nleqq	92	$⪹$	\precnapprox
45	$\lneqq$	\lneqq	93	$\succsim$	\succsim
46	$$	\lvertneqq	94	$⋩$	\succnsim
47	$\ge$	\ge	95	$⪸$	\succapprox
48	$\ge$	\geq	96	$⪺$	\succnapprox

5. 几何符号 Geometric symbols

序号	图标	$$\text{LATEX}$$	序号	图标	$$\text{LATEX}$$
1	$\parallel$	\parallel	14	$◊$	\lozenge
2	$\nparallel$	\nparallel	15	$⧫$	\blacklozenge
3	$\parallel$	\shortparallel	16	$★$	\bigstar
4	$$	\nshortparallel	17	$◯$	\bigcirc
5	$\perp$	\perp	18	$△$	\triangle
6	$\angle$	\angle	19	$△$	\bigtriangleup
7	$\sphericalangle$	\sphericalangle	20	$▽$	\bigtriangledown
8	$\measuredangle$	\measuredangle	21	$△$	\vartriangle
9	$\circ$	\circ	22	$▽$	\triangledown
10	$\square$	\Box	23	$▲$	\blacktriangle
11	$■$	\blacksquare	24	$▼$	\blacktriangledown
12	$\diamond$	\diamond	25	$◀$	\blacktriangleleft
13	$◊$	\Diamond	26	$▶$	\blacktriangleright

6. 逻辑符号 Logic symbols

序号	图标	$$\text{LATEX}$$	序号	图标	$$\text{LATEX}$$
1	$\forall$	\forall	20	$\neg$	\neg
2	$\exists$	\exists	21	$/R$	\not\operatorname{R}
3	$\nexists$	\nexists	22	$\perp$	\bot
4	$\therefore$	\therefore	23	$\top$	\top
5	$\because$	\because	24	$⊢$	\vdash
6	$\&$	\And	25	$⊣$	\dashv
7	$\vee$	\lor	26	$\models$	\vDash
8	$\vee$	\vee	27	$⊩$	\Vdash
9	$⋎$	\curlyvee	28	$\models$	\models
10	$\bigvee$	\bigvee	29	$\Vvdash$	\Vvdash
11	$\wedge$	\land	30	$⊬$	\nvdash
12	$\wedge$	\wedge	31	$⊮$	\nVdash
13	$⋏$	\curlywedge	32	$⊭$	\nvDash
14	$\bigwedge$	\bigwedge	33	$⊯$	\nVDash
15	$\bar{q}$	\bar{q}	34	$┌$	\ulcorner
16	$\overline{abc}$	\bar{abc}	35	$┐$	\urcorner
17	$\overline{q}$	\overline{q}	36	$└$	\llcorner
18	$\overline{abc}$	\overline{abc}	37	$┘$	\lrcorner
19	$\neg$	\lnot

7. 集合 Sets

序号	图标	$$\text{LATEX}$$	序号	图标	$$\text{LATEX}$$
1	{ } \{\} {}	{}	23	$⊏$	\sqsubset
2	$\varnothing$	\emptyset	24	$\supset$	\supset
3	$\varnothing$	\varnothing	25	$⋑$	\Supset
4	$\in$	\in	26	$⊐$	\sqsupset
5	$\notin$	\notin	27	$\subseteq$	\subseteq
6	$\ni$	\ni	28	$⊈$	\nsubseteq
7	$\cap$	\cap	29	$⊊$	\subsetneq
8	$⋒$	\Cap	30	$$	\varsubsetneq
9	$\sqcap$	\sqcap	31	$⊑$	\sqsubseteq
10	$\bigcap$	\bigcap	32	$\supseteq$	\supseteq
11	$\cup$	\cup	33	$⊉$	\nsupseteq
12	$⋓$	\Cup	34	$⊋$	\supsetneq
13	$\bigsqcup$	\sqcup	35	$$	\varsupsetneq
14	$\bigcup$	\bigcup	36	$⊒$	\sqsupseteq
15	$⨆$	\bigsqcup	37	$⫅$	\subseteqq
16	$\uplus$	\uplus	38	$$	\nsubseteqq
17	$⨄$	\biguplus	39	$⫋$	\subsetneqq
18	$\setminus$	\setminus	40	$$	\varsubsetneqq
19	$\setminus$	\smallsetminus	41	$⫆$	\supseteqq
20	$\times$	\times	42	$$	\nsupseteqq
21	$\subset$	\subset	43	$⫌$	\supsetneqq
22	$⋐$	\Subset	44	$$	\varsupsetneqq

8. 箭头 Arrows

序号	图标	$$\text{LATEX}$$	序号	图标	$$\text{LATEX}$$
1	$\Rrightarrow$	\Rrightarrow	36	$⟼$	\longmapsto
2	$\Lleftarrow$	\Lleftarrow	37	$\rightharpoonup$	\rightharpoonup
3	$\Rightarrow$	\Rightarrow	38	$\rightharpoondown$	\rightharpoondown
4	$\nRightarrow$	\nRightarrow	39	$\leftharpoonup$	\leftharpoonup
5	$⟹$	\Longrightarrow	40	$\leftharpoondown$	\leftharpoondown
6	$⟹$	\implies	41	$\upharpoonleft$	\upharpoonleft
7	$\Leftarrow$	\Leftarrow	42	$\upharpoonright$	\upharpoonright
8	$\nLeftarrow$	\nLeftarrow	43	$\downharpoonleft$	\downharpoonleft
9	$⟸$	\Longleftarrow	44	$\downharpoonright$	\downharpoonright
10	$\iff$	\Leftrightarrow	45	$\rightleftharpoons$	\rightleftharpoons
11	$\nLeftrightarrow$	\nLeftrightarrow	46	$\leftrightharpoons$	\leftrightharpoons
12	$⟺$	\Longleftrightarrow	47	$\curvearrowleft$	\curvearrowleft
13	$⟺$	\iff	48	$\circlearrowleft$	\circlearrowleft
14	$\Uparrow$	\Uparrow	49	$\Lsh$	\Lsh
15	$\Downarrow$	\Downarrow	50	$\upuparrows$	\upuparrows
16	$\Updownarrow$	\Updownarrow	51	$\rightrightarrows$	\rightrightarrows
17	$\to$	\rightarrow	52	$\rightleftarrows$	\rightleftarrows
18	$\to$	\to	53	$\rightarrowtail$	\rightarrowtail
19	$\nrightarrow$	\nrightarrow	54	$\looparrowright$	\looparrowright
20	$⟶$	\longrightarrow	55	$\curvearrowright$	\curvearrowright
21	$\leftarrow$	\leftarrow	56	$\circlearrowright$	\circlearrowright
22	$\leftarrow$	\gets	57	$\Rsh$	\Rsh
23	$\nleftarrow$	\nleftarrow	58	$\downdownarrows$	\downdownarrows
24	$⟵$	\longleftarrow	59	$\leftleftarrows$	\leftleftarrows
25	$\leftrightarrow$	\leftrightarrow	60	$\leftrightarrows$	\leftrightarrows
26	$\nleftrightarrow$	\nleftrightarrow	61	$\leftarrowtail$	\leftarrowtail
27	$⟷$	\longleftrightarrow	62	$\looparrowleft$	\looparrowleft
28	$\uparrow$	\uparrow	63	$\hookrightarrow$	\hookrightarrow
29	$\downarrow$	\downarrow	64	$\hookleftarrow$	\hookleftarrow
30	$\updownarrow$	\updownarrow	65	$⊸$	\multimap
31	$\nearrow$	\nearrow	66	$\leftrightsquigarrow$	\leftrightsquigarrow
32	$\swarrow$	\swarrow	67	$⇝$	\rightsquigarrow
33	$\nwarrow$	\nwarrow	68	$\twoheadrightarrow$	\twoheadrightarrow
34	$\searrow$	\searrow	69	$\twoheadleftarrow$	\twoheadleftarrow
35	$\mapsto$	\mapsto

9. 特殊 Special

序号	图标	$$\text{LATEX}$$	序号	图标	$$\text{LATEX}$$
1	$\infty$	\infty	33	$♭$	\flat
2	$\aleph$	\aleph	34	$♮$	\natural
3	$\complement$	\complement	35	$♯$	\sharp
4	$∍$	\backepsilon	36	$╱$	\diagup
5	$ð$	\eth	37	$╲$	\diagdown
6	$Ⅎ$	\Finv	38	$\cdot$	\centerdot
7	$\hslash$	\hbar	39	$⋉$	\ltimes
8	$\Im$	\Im	40	$⋊$	\rtimes
9	$ı$	\imath	41	$⋋$	\leftthreetimes
10	$ȷ$	\jmath	42	$⋌$	\rightthreetimes
11	$\mathbb{k}$	\Bbbk	43	$\eqcirc$	\eqcirc
12	$\ell$	\ell	44	$\circeq$	\circeq
13	$\mho$	\mho	45	$\triangleq$	\triangleq
14	$\wp$	\wp	46	$\bumpeq$	\bumpeq
15	$\Re$	\Re	47	$\Bumpeq$	\Bumpeq
16	$Ⓢ$	\circledS	48	$\doteqdot$	\doteqdot
17	$⨿$	\amalg	49	$\risingdotseq$	\risingdotseq
18	$\%$	\%	50	$\fallingdotseq$	\fallingdotseq
19	$†$	\dagger	51	$⊺$	\intercal
20	$‡$	\ddagger	52	$⊼$	\barwedge
21	$\dots$	\ldots	53	$⊻$	\veebar
22	$\cdots$	\cdots	54	$⩞$	\doublebarwedge
23	$⌣$	\smile	55	$\between$	\between
24	$⌢$	\frown	56	$⋔$	\pitchfork
25	$\wr$	\wr	57	$⊲$	\vartriangleleft
26	$◃$	\triangleleft	58	$⋪$	\ntriangleleft
27	$▹$	\triangleright	59	$⊳$	\vartriangleright
28	$♢$	\diamondsuit	60	$⋫$	\ntriangleright
29	$♡$	\heartsuit	61	$⊴$	\trianglelefteq
30	$♣$	\clubsuit	62	$⋬$	\ntrianglelefteq
31	$♠$	\spadesuit	63	$⊵$	\trianglerighteq
32	$⅁$	\Game	64	$⋭$	\ntrianglerighteq

---

（二）运算与函数

1. 分数 Fractions

序号	图标	$$\text{LATEX}$$
分数Fractions	$\frac{2}{4}x=0.5x$	\frac{2}{4}x=0.5x or {2 \over 4}x=0.5x
小型分数Small fractions (force extstyle)	$\frac{2}{4}x=0.5x$	\tfrac{2}{4}x = 0.5x
大型分数（不嵌套）Large (normal) fractions (force \displaystyle)	$\frac{2}{4}=0.5\frac{2}{c+\frac{2}{d+\frac{2}{4}}}=a$	\dfrac{2}{4} = 0.5 \quad \dfrac{2}{c + \dfrac{2}{d + \dfrac{2}{4}}} = a
大型分数（嵌套）Large (nested) fractions	$\frac{2}{c+\frac{2}{d+\frac{2}{4}}}=a$	\cfrac{2}{c + \cfrac{2}{d + \cfrac{2}{4}}} = a
约分线的使用Cancellations in fractions	$\frac{x}{1+\frac{\cancel{y}}{\cancel{y}}}=\frac{x}{2}$	\cfrac{x}{1 + \cfrac{\cancel{y}}{\cancel{y}}} = \cfrac{x}{2}

注意：其中\cancel命令需要cancel扩展包支持
一般对于底数、积分符号、极限符号的分数尽量用/代替\frac以避免造成歧义

2. 标准数值函数 Standard numerical functions

样式	$$\text{LATEX}$$
${\exp }_{a}b=a^b,\exp b=e^b,10^m$	\exp_a b = a^b, \exp b = e^b, 10^m
$\ln c,\lg d=\log e,{\log }_{10}f$	\ln c, \lg d = \log e, \log_{10} f
$\sin a,\cos b,\tan c,\cot d,\sec e,\csc f$	\sin a, \cos b, \tan c, \cot d, \sec e, \csc f
$\arcsin a,\arccos b,\arctan c$	\arcsin a, \arccos b, \arctan c
$\mathrm{arccot}d,\mathrm{arcsec}e,\mathrm{arccsc}f$	\operatorname{arccot} d, \operatorname{arcsec} e, \operatorname{arccsc} f
$\sinh a,\cosh b,\tanh c,\coth d$	\sinh a, \cosh b, \tanh c, \coth d
$\mathrm{sh}k,\mathrm{ch}l,\mathrm{th}m,\coth n$	\operatorname{sh}k, \operatorname{ch}l, \operatorname{th}m, \operatorname{coth}n
$\mathrm{argsh}o,\mathrm{argch}p,\mathrm{argth}q$	\operatorname{argsh}o, \operatorname{argch}p, \operatorname{argth}q
$\mathrm{sgn}r,\left|s\right|$	\operatorname{sgn}r, \left\vert s \right\vert
$\min (x,y),\max (x,y)$	\min(x,y), \max(x,y)

注意：$$\text{LATEX}$$和MathJax支持的操作符有限，如有特殊操作符，可以使用\operatorname{}命令自定义，例如\operatorname{myfuction}x

$$\mathrm{myfuction}x$$

3. 根式 Radicals

样式	$$\text{LATEX}$$
$\surd$	\surd
$\sqrt{\pi }$	\sqrt{\pi}
$\sqrt[n]{\pi }$	\sqrt[n]{\pi}
$\sqrt[3]{\frac{x^3+y^3}{2}}$	\sqrt[3]{\frac{x^3+y^3}{2}}

4. 微分与导数 Differentials and derivatives

样式	$$\text{LATEX}$$
$dt,\mathrm{d}t,\partial t,\nabla \psi$	dt, \mathrm{d}t, \partial t, \nabla\psi
$dy/dx,\mathrm{d}y/\mathrm{d}x,\frac{dy}{dx},\frac{\mathrm{d}y}{\mathrm{d}x},\frac{{\partial }^2}{\partial x_1\partial x_2}y$	dy/dx, \mathrm{d}y/\mathrm{d}x, \frac{dy}{dx}, \frac{\mathrm{d}y}{\mathrm{d}x},\frac{\partial^2}{\partial x_1\partial x_2}y
$\prime ,‵,f^{\prime },f^{\prime },f^{\prime \prime },f^{(3)},\dot{y},\ddot{y}$	\prime, \backprime, f^\prime, f', f'', f^{(3)}, \dot y, \ddot y

5. 同余与模算术 Modular arithmetic

样式	$$\text{LATEX}$$
$s_k\equiv 0(\mathrm{mod}m)$	s_k \equiv 0 \pmod{m}$
$a\mathrm{mod}b$	a \bmod b
$\gcd (m,n),\mathrm{lcm}(m,n)$	\gcd(m, n), \operatorname{lcm}(m, n)
$\mid ,\nmid ,\mid ,$	\mid, \nmid, \shortmid, \nshortmid

6. 极限 Limits

样式	$$\text{LATEX}$$
${\lim }_{n\to \infty }{x}_n$	\lim_{n \to \infty}x_n
$\underset{n\to \infty }{\lim }{x}_n$	\lim\limits_{n \to \infty}x_n
${\lim }_{n\to \infty }{x}_n$	\textstyle\lim_{n \to \infty}x_n

7. 界限与投影 Bounds and Projections

样式	$$\text{LATEX}$$
$\min x,\max y,\inf s,\sup t$	\min x, \max y, \inf s, \sup t
$\lim u,\mathrm{liminf}v,\mathrm{limsup}w$	\lim u, \liminf v, \limsup w
$\dim p,\mathrm{deg}q,\det m,\ker \varphi$	\dim p, \deg q, \det m, \ker\phi
$\mathrm{Pr}j,\mathrm{hom}l,\Vert z\Vert ,\arg z$	\Pr j, \hom l, \lVert z \rVert, \arg z

8. 积分 Integral

样式	$$\text{LATEX}$$
$\underset{1}{\overset{3}{\int }}\frac{e^3/x}{x^2}dx$	\int\limits_{1}^{3}\frac{e^3/x}{x^2}\, dx
${\int }_1^3\frac{e^3/x}{x^2}dx$	\int_{1}^{3}\frac{e^3/x}{x^2}\, dx
$\underset{D}{\iint }dxdy$	\iint\limits_D dx\,dy
$\underset{E}{\iiint }dxdydz$	\iiint\limits_E dx\,dy\,dz
${\int }_{(x,y)\in C}{x}^{3}dx+4y^{2}dy$	\int_{(x,y)\in C} x^3\, dx + 4y^2\, dy
${\oint }_{(x,y)\in C}{x}^{3}dx+4y^{2}dy$	\oint_{(x,y)\in C} x^3\, dx + 4y^2\, dy

9. 其他大型运算 Large operators

类别	样式	$$\text{LATEX}$$
求和 Summation	$$\sum _a^b$$	\sum_{a}^{b}
求和 Summation	$${\sum }_a^b$$	\textstyle\sum_{a}^{b}
连乘积 Product	$$\prod _a^b$$	\prod_{a}^{b}
连乘积 Product	$${\prod }_a^b$$	\textstyle\prod_{a}^{b}
余积 Coproduct	$$\coprod _a^b$$	\coprod_{a}^{b}
余积 Coproduct	$${\coprod }_a^b$$	\textstyle \coprod_{a}^{b}
并集 Union	$$\bigcup _a^b$$	\bigcup_{a}^{b}
并集 Union	$${\bigcup }_a^b$$	\textstyle \bigcup_{a}^{b}
交集 Intersection	$$\bigcap _a^b$$	\bigcap_{a}^{b}
交集 Intersection	$${\bigcap }_a^b$$	\textstyle \bigcap_{a}^{b}
析取 Disjunction	$$\underset{a}{\overset{b}{\bigvee }}$$	\bigvee_{a}^{b}
析取 Disjunction	$${\bigvee }_a^b$$	\textstyle \bigvee_{a}^{b}
合取 Conjunction	$$\underset{a}{\overset{b}{\bigwedge }}$$	\bigwedge_{a}^{b}
合取 Conjunction	$${\bigwedge }_a^b$$	\textstyle \bigwedge_{a}^{b}

---

（三）上下标

类型	样式	代码
上标Superscript	$a^2,a^{x+3}$	a^2, a^{x+3}
下标Subscript	$a_2$	a_2
组合Grouping	$10^{30}{a}^{2+2}$	10^{30} a^{2+2}
	$a_{i,j}{b}_{f^{\prime }}$	a_{i,j} b_{f'}
上下标混合Combining sub & super	$x_2^3$	x_2^3
	${x_2}^3$	{x_2}^3
上标的上标Super super	$10^{10^8}$	10^{10^{8}}
	${}_1^2{\Omega }_3^4$	{}_1^2\!\Omega_3^4
顶标底标Stacking	$\stackrel{\alpha }{\omega }$	\overset{\alpha}{\omega}
	$\underset{\alpha }{\omega }$	\underset{\alpha}{\omega}
	$\stackrel{\alpha }{\underset{\gamma }{\omega }}$	\overset{\alpha}{\underset{\gamma}{\omega}}
	$\stackrel{\alpha }{\omega }$	\stackrel{\alpha}{\omega}
导数Derivatives	$x^{\prime },y^{\prime \prime },f^{\prime },f^{\prime \prime }$	x', y'', f', f''
	$x^{\prime },y^{\prime \prime }$	x^\prime, y^{\prime\prime}
导数Derivative dots	$\dot{x},\ddot{x}$	x^\prime, y^{\prime\prime}
下划线、上划线与向量Underlines, overlines, vectors	$\hat{a}\bar{b}\vec{c}$	\hat a \ \bar b \ \vec c
	$\overrightarrow{ab}\overleftarrow{cd}\widehat{def}$	\overrightarrow{a b} \ \overleftarrow{c d} \ \widehat{d e f}
	$\overline{ghi}\underline{jkl}$	\overline{g h i} \ \underline{j k l}
弧度Arc (workaround)	$\stackrel{⌢}{\mathrm{AB}}$	\overset{\frown} {AB}
箭头Arrows	$A\stackrel{n+\mu -1}{\leftarrow }B\underset{T}{\overset{n\pm i-1}{\to }}C$	A \xleftarrow{n+\mu-1} B \xrightarrow[T]{n\pm i-1} C
大括号Overbraces	$\stackrel{5050}{\overbrace{1+2+\cdots +100}}$	\overbrace{ 1+2+\cdots+100 }^{5050}
底部大括号Underbraces	$\underset{26}{\underbrace{a+b+\cdots +z}}$	\underbrace{ a+b+\cdots+z }_{26}
求和运算Sum	$$\sum _{k=1}^N{k}^2$$	\sum_{k=1}^N k^2
文本模式下的求和运算Sum (force extstyle)	$${\sum }_{k=1}^N{k}^2$$	\textstyle \sum_{k=1}^N k^2
分式中的求和运算Sum in a fraction (default \textstyle)	$$\frac{{\sum }_{k=1}^N{k}^2}{a}$$	\frac{\sum_{k=1}^N k^2}{a}
分式中的求和运算Sum in a fraction (force \displaystyle)	$$\frac{\sum _{k=1}^N{k}^2}{a}$$	\frac{\displaystyle \sum_{k=1}^N k^2}{a}
分式中的求和运算Sum in a fraction (alternative limits style)	$$\frac{\sum _{k=1}^{{}^N}{k}^2}{a}$$	\frac{\sum\limits^{^N}_{k=1} k^2}{a}
积分Integral	$$\underset{1}{\overset{3}{\int }}\frac{e^3/x}{x^2}dx$$	\int\limits_{1}^{3}\frac{e^3/x}{x^2}\, dx
积分Integral (alternative limits style)	$${\int }_1^3\frac{e^3/x}{x^2}dx$$	\int_{1}^{3}\frac{e^3/x}{x^2}\, dx
双重积分Double integral	$$\underset{D}{\iint }dxdy$$	\iint\limits_D dx\,dy
三重积分Triple integral	$$\underset{E}{\iiint }dxdydz$$	\iiint\limits_E dx\,dy\,dz
路径积分Line or path integral	$${\int }_{(x,y)\in C}{x}^{3}dx+4y^{2}dy$$	\int_{(x,y)\in C} x^3\, dx + 4y^2\, dy
环路积分Closed line or path integral	$${\oint }_{(x,y)\in C}{x}^{3}dx+4y^{2}dy$$	\oint_{(x,y)\in C} x^3\, dx + 4y^2\, dy

备注：极限与大型运算符在分式中的语法与$\sum$一致

---

（四）矩阵与多行列式

类型	样式	$$\text{LATEX}$$
二项式系数Binomial coefficients	$\left(\genfrac{}{}{0ex}{}{n}{k}\right)$	\binom{n}{k}
小型二项式系数Small binomial coefficients (force extstyle)	$\left(\genfrac{}{}{0ex}{}{n}{k}\right)$	\tbinom{n}{k}
大型二项式系数Large (normal) binomial coefficients (force \displaystyle)	$\left(\genfrac{}{}{0ex}{}{n}{k}\right)$	\dbinom{n}{k}
矩阵Matrices	$\begin{array}{cc}x& y\\ z& v\end{array}$	\begin{matrix} x & y \\z & v\end{matrix}
	$\left|\begin{array}{cc}x& y\\ z& v\end{array}\right|$	\begin{vmatrix} x & y \\ z & v \end{vmatrix}
	$\Vert \begin{array}{cc}x& y\\ z& v\end{array}\Vert$	\begin{Vmatrix} x & y \\ z & v \end{Vmatrix}
	$\left[\begin{array}{ccc}0& \cdots & 0\\ ⋮& \ddots & ⋮\\ 0& \cdots & 0\end{array}\right]$	\begin{bmatrix} 0 & \cdots & 0 \\ \vdots & \ddots & \vdots \\ 0 & \cdots & 0 \end{bmatrix}
	$\left\{\begin{array}{cc}x& y\\ z& v\end{array}\right\}$	\begin{Bmatrix} x & y \\ z & v \end{Bmatrix}
	$\left(\begin{array}{cc}x& y\\ z& v\end{array}\right)$	\begin{pmatrix} x & y \\ z & v \end{pmatrix}
	$\left(\begin{array}{cc}a& b\\ c& d\end{array}\right)$	\bigl( \begin{smallmatrix} a&b\\ c&d \end{smallmatrix} \bigr)
条件定义Case distinctions	$f(n)=\{\begin{array}{ll}n/2,& \text{if }n\text{ is even}\\ 3n+1,& \text{if }n\text{ is odd}\end{array}$	f(n) =\begin{cases} n/2, & \text{if }n\text{ is even} \\ 3n+1, & \text{if }n\text{ is odd}\end{cases}
多行等式Multiline equations	markdown不支持，推荐用array环境代替	\begin{align}f(a,b) & = (a+b)^2 \\& = a^2+2ab+b^2\end{align}
	$\begin{array}{lcl}z& =& a\\ f(x,y,z)& =& x+y+z\end{array}$	\begin{array}{lcl} z & = & a \\ f(x,y,z) & = & x + y + z \end{array}
	$\begin{array}{lcr}z& =& a\\ f(x,y,z)& =& x+y+z\end{array}$	\begin{array}{lcr} z & = & a \\ f(x,y,z) & = & x + y + z \end{array}
方程组Simultaneous equations	$\{\begin{array}{l}3x+5y+z=1\\ 7x-2y+4z=2\\ -6x+3y+2z=3\end{array}$	\begin{cases} 3x + 5y + z = 1\\ 7x - 2y + 4z =2\\ -6x + 3y + 2z =3\end{cases}
分段函数Piecewise Functions	$\epsilon (x)=\{\begin{array}{ll}1,& x>0\\ \frac{1}{2},& x=0\\ 0,& x<0\end{array}$	\varepsilon (x) = \begin{cases}1,&x>0\\\frac{1}{2} ,&x=0\\0,&x<0\end{cases}

• 数组Arrays

• 代码

\begin{array}{ | c  c | c | }%|表示表格竖线，l,c,r分别表示左对齐，居中对齐，右对齐
a & b & S \\
\hline     %\hline表示表格横线
0 & 0 & 1 \\
0 & 1 & 1 \\
1 & 0 & 1 \\
1 & 1 & 0
\end{array}

• 显示效果

$$\begin{array}{ccc}a& b& S\\ 0& 0& 1\\ 0& 1& 1\\ 1& 0& 1\\ 1& 1& 0\end{array}$$

---

（五）括号

类型	样式	$$\text{LATEX}$$
圆括号、小括号Parentheses	$\left(\right)$	\left (\right )
方括号、中括号Brackets	$\left[\right]$	\left[\right]or\left\lbrack\right\rbrack
花括号、大括号Braces	{ } \left\{\right\} {}	\left\{\right\}or\left\lbrace\right\rbrace
角括号Angle brackets	$⟨⟩$	\left\langle\right\rangle
取整函数与取顶函数Floor and ceiling functions	$\lfloor \rfloor$ $\lceil \rceil$	\left\lfloor\right\rfloor \left\lceil\right\rceil
斜线与反斜线Slashes and backslashes	$//$ $\backslash \backslash$	\left/\right/ \left\backslash\right\backslash
上下箭头Up, down, and up-down arrows	$\uparrow \downarrow$ $\Uparrow \Downarrow$ $\updownarrow \Updownarrow$	\left\uparrow\right\downarrow \left\Uparrow\right\Downarrow \left \updownarrow\right\Updownarrow

注意：不同类型的左右括号可以组合使用：例如\left/\frac{a}{b}\right\backslash

$$/\frac{a}{b}\backslash$$

\left.和\right.分别匹配无左括号和无右括号：例如\left.\frac{a}{b}\right\downarrow

$$\frac{a}{b}\downarrow$$

---

（六）字样与空格

1. 字体

类型	样式	LaTeX
默认 default	$ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789$
罗马体 Roman typeface	$ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789$	\mathrm{}
斜体 Italics	$ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789$	\mathit{}
粗体 Boldface	$ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789$	\mathbf{}
无衬线体 Sans serif	$ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789$	\mathsf{}
黑板报体 Blackboard bold/scripts	$\mathbb{ABCDEFGHIJKLMNOPQRSTUVWXYZ}abcdefghij\mathbb{k}lmnopqrstuvwxyz0123456789$	\mathbb{}
打字机体 typewriter	$ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789$	\mathtt{}
手写体 Calligraphy/花体 script	$\mathcal{A}\mathcal{BC}\mathcal{D}\mathcal{EFGH}\mathcal{I}\mathcal{J}\mathcal{K}\mathcal{LM}\mathcal{N}\mathcal{O}\mathcal{P}\mathcal{Q}\mathcal{R}\mathcal{S}\mathcal{T}\mathcal{U}\mathcal{V}\mathcal{W}\mathcal{X}\mathcal{Y}\mathcal{Z}abcdefghijklmnopqrstuvwxyz0123456789$	\mathcal{}
德文尖角体 Fraktur typeface	$ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789$	\mathfrak{}
小型风格体 Small scriptstyle(可与其他字体组合使用)	$ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789$	\scriptstyle{}
希腊字母 Greek alphabet	$\mathrm{AB\Gamma \Delta EZH\Theta IK\Lambda MN\Xi \Pi P\Sigma T{\rm Y}\Phi X\Psi \Omega }\alpha \beta \gamma \delta ϵ\zeta \eta \theta \iota \kappa \lambda \mu \nu \xi \pi \rho \sigma \tau \upsilon \varphi \chi \psi \omega \epsilon ϝ\varkappa \varpi \varrho \varsigma \vartheta \phi$	\mathrm{}
斜体希腊字母 Greek alphabet(Italics)	$\mathrm{AB}\Gamma \Delta \mathrm{EZH}\Theta \mathrm{IK}\Lambda \mathrm{MN}\Xi \Pi \mathrm{P}\Sigma \mathrm{T}{\rm Y}\Phi \mathrm{X}\Psi \Omega \alpha \beta \gamma \delta ϵ\zeta \eta \theta \iota \kappa \lambda \mu \nu \xi \pi \rho \sigma \tau \upsilon \varphi \chi \psi \omega \epsilon ϝ\varkappa \varpi \varrho \varsigma \vartheta \phi$	\mathit{}
粗体希腊字母 Greek alphabet(Boldface)	$\mathrm{AB}\mathbf{\Gamma \Delta }\mathrm{EZH}\mathbf{\Theta }\mathrm{IK}\mathbf{\Lambda }\mathrm{MN}\mathbf{\Xi \Pi }\mathrm{P}\mathbf{\Sigma }\mathrm{T}\mathbf{{\rm Y}\Phi }\mathrm{X}\mathbf{\Psi \Omega }\alpha \beta \gamma \delta ϵ\zeta \eta \theta \iota \kappa \lambda \mu \nu \xi \pi \rho \sigma \tau \upsilon \varphi \chi \psi \omega \epsilon ϝ\varkappa \varpi \varrho \varsigma \vartheta \phi$	\mathbf{}
无衬线体希腊字母 Greek alphabet(Sans serif)	$\mathrm{AB}\mathsf{\Gamma \Delta }\mathrm{EZH}\mathsf{\Theta }\mathrm{IK}\mathsf{\Lambda }\mathrm{MN}\mathsf{\Xi \Pi }\mathrm{P}\mathsf{\Sigma }\mathrm{T}\mathsf{{\rm Y}\Phi }\mathrm{X}\mathsf{\Psi \Omega }\alpha \beta \gamma \delta ϵ\zeta \eta \theta \iota \kappa \lambda \mu \nu \xi \pi \rho \sigma \tau \upsilon \varphi \chi \psi \omega \epsilon ϝ\varkappa \varpi \varrho \varsigma \vartheta \phi$	\mathsf{}
打字机体希腊字母 Greek alphabet(typewriter)	$\mathrm{AB}\mathtt{\Gamma \Delta }\mathrm{EZH}\mathtt{\Theta }\mathrm{IK}\mathtt{\Lambda }\mathrm{MN}\mathtt{\Xi \Pi }\mathrm{P}\mathtt{\Sigma }\mathrm{T}\mathtt{{\rm Y}\Phi }\mathrm{X}\mathtt{\Psi \Omega }\alpha \beta \gamma \delta ϵ\zeta \eta \theta \iota \kappa \lambda \mu \nu \xi \pi \rho \sigma \tau \upsilon \varphi \chi \psi \omega \epsilon ϝ\varkappa \varpi \varrho \varsigma \vartheta \phi$	\mathtt{}
小型风格体希腊字母 Greek alphabet(Small scriptstyle)(可与其他字体组合使用)	$\mathrm{AB}\Gamma \Delta \mathrm{EZH}\Theta \mathrm{IK}\Lambda \mathrm{MN}\Xi \Pi \mathrm{P}\Sigma \mathrm{T}{\rm Y}\Phi \mathrm{X}\Psi \Omega \alpha \beta \gamma \delta ϵ\zeta \eta \theta \iota \kappa \lambda \mu \nu \xi \pi \rho \sigma \tau \upsilon \varphi \chi \psi \omega \epsilon ϝ\varkappa \varpi \varrho \varsigma \vartheta \phi$	\scriptstyle{}

2. 字号

样式	$$\text{LATEX}$$
$abc巨小tiny$	{\tiny abc巨小tiny}
$abc超小scriptsize$	{\scriptsize abc超小scriptsize}
$abc小small$	{\small abc小small}
$abc正常normal$	{\normalsize abc正常normal}
$abc大large$	{\large abc大large}
$abc超大Large$	{\Large abc超大Large}
$abc特大LARGE$	{\LARGE abc特大LARGE}
$abc巨大huge$	{\huge abc巨大huge}
$abc巨无霸Huge$	{\Huge abc巨无霸Huge}

3. 空格

名称	样式	$$\text{LATEX}$$	显示宽度
换行	$$\begin{gathered} \alpha \\ \beta \end{gathered}$$	\alpha\\\beta
2个空格	$\alpha \beta$	\alpha\qquad\beta	$2m$
空格	$\alpha \beta$	\alpha\quad\beta	$m$
大空格	$\alpha \beta$	\alpha\ \beta	$\frac{m}{3}$
中型空格	$\alpha \beta$	\alpha\;\beta	$\frac{2m}{7}$
小空格	$\alpha \beta$	\alpha\,\beta	$\frac{m}{6}$
无空格	$\alpha \beta$	\alpha\beta	$0$
紧贴	$\alpha \beta$	\alpha\!\beta	$-\frac{m}{6}$

---

（七）颜色

1. 代码格式

样式	$$\text{LATEX}$$	备注：格式
$\Delta =b^2-4ac$	\color{Red}{\Delta=b^2-4ac}	字体颜色：\color{字体颜色}{text}
$e^{i\pi }+1=0$	\color{#F29} {e^{i \pi} + 1 = 0}	RGB颜色：\color {#rgb} {text}or\color[RGB]{r,g,b}{text}(Markdown不支持后者)
KaTeX parse error: Undefined control sequence: \definecolor at position 1: \̲d̲e̲f̲i̲n̲e̲c̲o̲l̲o̲r̲{mygreen}{RGB}{…	\definecolor{mygreen}{RGB}{0,200,0} \color{mygreen}{e^{i \pi} + 1 = 0 }	自定义颜色：\definecolor{颜色命名}{RGB}{r,g,b}，Markdown不支持
KaTeX parse error: Undefined control sequence: \bbox at position 1: \̲b̲b̲o̲x̲[red,5pt]{x+y}	\bbox[red,5pt]{x+y}	背景颜色：\bbox[背景颜色,增加尺寸]{text}or\bbox[背景颜色]{text}or\bbox[增加尺寸]{text}，markdown不支持

2. 默认支持颜色 Colors supported

支持颜色	支持颜色	支持颜色	支持颜色
$Apricot$	$Emerald$	$OliveGreen$	$RubineRed$
$Aquamarine$	$ForestGreen$	$Orange$	$Salmon$
$Bittersweet$	$Fuchsia$	$OrangeRed$	$SeaGreen$
$Black$	$Goldenrod$	$Orchid$	$Sepia$
$Blue$	$Gray$	$Peach$	$SkyBlue$
$BlueGreen$	$Green$	$Periwinkle$	$SpringGreen$
$BlueViolet$	$GreenYellow$	$PineGreen$	$Tan$
$BrickRed$	$JungleGreen$	$Plum$	$TealBlue$
$Brown$	$Lavender$	$ProcessBlue$	$Thistle$
$BurntOrange$	$LimeGreen$	$Purple$	$Turquoise$
$CadetBlue$	$Magenta$	$RawSienna$	$Violet$
$CarnationPink$	$Mahogany$	$Red$	$VioletRed$
$Cerulean$	$Maroon$	$RedOrange$	$White$
$CornflowerBlue$	$Melon$	$RedViolet$	$WildStrawberry$
$Cyan$	$MidnightBlue$	$Rhodamine$	$Yellow$
$Dandelion$	$Mulberry$	$RoyalBlue$	$YellowGreen$
$DarkOrchid$	$NavyBlue$	$RoyalPurple$	$YellowOrange$

---

五、Mermaid图表^[7][8]

Mermaid是一个基于Javascript的图表绘制工具，可用于创建流程图、时序图、UML类图、状态图、甘特图、饼图,markdown中使用Mermaid语言需要放在

```mermaid

```

在线生成mermaid网站推荐：Mermaid Live Editor

（一）流程图

1. 流程图节点

可以用graph或flowchart来定义流程图

• 示例代码

```mermaid
graph TD
    A[Start]
    B
```

• 显示效果

2. 流程图方向

代码	方向
TD或TB	由上至下
BT	由下至上
RL	由有至左
LR	由左至有

• 示例代码

```mermaid
graph TD
    A --> B[End]
```

• 显示效果

3. 节点形状

代码	形状
()	圆角矩形
([])	椭圆矩形
(())	圆形
[()]	圆柱形
[[]]	subroutine
>]	非对称形状
{}	菱形
{{}}	六角形
[//]	平行四边形
[\\]	平行四边形
[\/]	梯形
[/\]	梯形

• 示例代码

```mermaid
graph LR
    A(圆角矩形) -.- B([椭圆矩形]) -.- C((圆形)) -.- D[(圆柱形)]
	E[[subroutine]] -.- F>非对称形状] -.- G{菱形} -.- H{{六角形}}
	I[/平行四边形/] -.- J[\平行四边形\] -.- K[\梯形/] -.- L[/梯形\]
```

• 显示效果

4. 节点连线

代码	连线	代码	连线
---	无箭头直线	-->	箭头直线
===	无箭头加粗直线	==>	箭头加粗直线
-.-	无箭头虚线	-.->	箭头虚线

• 箭头类型

以直线为例，其他任意线型可与任意箭头组合

```mermaid
graph LR
    A --> B <--> C --x D --x E x--x F--o G o--o H
```

插入连线文本:可在连线中直接插入文本或在连线后插入|文本|

连线长度：分别通过增加-或=或.来增加连线长度

可用&连接节点简化多节点连接代码

• 示例代码

```mermaid
graph LR    
    A1---A2--->A3===A4===>A5-.-A6-.->A7-.路径.-A8-.->|路径|A9
```

• 显示效果

5. 特殊字符

文本含特殊字符需用""包裹,特殊字符用HTML字符集的实体表示

• 示例代码

```mermaid
graph LR
    A["引号#quot;"]
    B["美元符号#36;"]
    C["笑脸#128512;"]--"生气#128545;"--> D["气愤#128548;"]
```

• 显示效果

6. 子图

• 代码格式

```mermaid

subgraph 子图名
子图内容
end

```

• 示例代码

```mermaid
graph LR
  subgraph A
  物品-->B[计算1]
  B-->C(判断1)
  C-->|条件1| D[输出结果1]
  C-->|条件2| E[计算2]
  E-->D
  end

  subgraph B
  客户-->F[计算3]
  F-->G(判断2)
  G-->|条件3|H[输出结果2]
  G-->|条件4|I[计算4]
  I-->H
  end

  F-->C
```

• 显示效果

---

（二）时序图

• 示例代码

```mermaid
sequenceDiagram
    participant B as Browser
    participant C as Controller
    participant M as Model    
    participant V as View
    B -x C: Request
    C ->> M: 数据请求
    M -->>C: 返回数据
	C ->> V: 发送数据
	V -->> B: Response
```

• 显示效果

• 说明

sequenceDiagram:定义时序图
participant:定义参与者的角色，可以在后面的流程步骤中使用它们
-:实线，一般用于表示请求操作
--:虚线，一般用于表示返回操作
>:无箭头
>>或x：箭头样式
alt 和 else 可以用于表示可选的分支

---

（三）UML类图

• 示例代码

```mermaid
 classDiagram
      Animal <|-- Duck
      Animal <-- Fish
      Animal <|-- Zebra
       class Animal {
           +int age
           +name: String
           +eat()
  }
      class Duck{
          +String beakColor
          +swim()
          +quack()
      }
      class Fish{
          -int sizeInFeet
          -canEat()
      }
      class Zebra{
          +bool is_wild
          +run()
      }
```

• 显示效果

• 说明

classDiagram:定义一个类图
class:定义一个类
<|--或<--:连线类型
+ 或 -:表示类的公共或私有成员
::定义成员的类型
():定义一个方法

---

（四）状态图

• 示例代码

```mermaid
stateDiagram-v2
    State1:状态1
    State2:状态2 
    state State3 {
        [*] --> second
        second --> [*]
    } 
    [*] --> State1
    State1 --> State2: 过渡文本
    State2 --> State1
    State2 --> State3
```

• 显示效果

• 说明

stateDiagram-v2:定义状态图
state:定义子状态图
[*]:表示默认起始状态或默认结束状态
-->:表示状态变化
::使用标记每个状态的名称或表示状态名称的展示文字

---

（五）甘特图

• 示例代码

```mermaid
gantt
    title 成都理工大学校史
    dateFormat  YYYYMMDD
    section 校名
    成都地质勘探学院:A1, 19560315,961d
    成都地质学院:A2, after A1,12480d
    成都理工学院:after A2,2802d
    成都理工大学:20010101,8235d
    section 发展历程
    招收研究生:B1, 19600101,23192d
    国务院批准学校为全国首批硕士学位授予单位:B2, 19811101,15217d
    国务院批准学校为全国首批学士学位授予单位:B3, 19820101,15156d
    成为国家恢复学位制度后全国首批招收博士生的高校:B4, 19830101,14791d
    国务院批准学校为全国第二批博士学位授予单位:B5, 19840301,14366d
    招收外国留学生:B6, 19860101,13695d
    入选国家首批“双一流”建设高校:B7, 20170901,1614d
    成都理工大学(宜宾校区)正式开始招生:B8,20200901,1033d
    入选国家第二轮“双一流”建设高校:B9, 20220201,515d
```

• 显示效果

数据来源：百度百科,成都理工大学，截止于2023·07·01

• 说明

gantt：定义甘特图
title：设置标题
dateFormat：定义日期格式
section：定义项目的不同阶段，可以在不同的阶段中设置相应的任务
: :分隔任务名称和ID
, :分隔任务ID、开始日期和持续天数
after：定义某个任务在另一个任务之后开始

---

（六）饼图

• 示例代码

```mermaid
pie title 成都理工大学2022级男女比例
  "男#128589;":62
  "女#128590;":38
```

```mermaid
pie title 成都理工大学2022级男女生源省份比例
  "四川":60.55
  "河北":3.55
  "重庆":3.45
  "新疆":2.74
  "山西":2.52
  "山东":2.27
  "湖北":2.23
  "湖南":1.93
  "河南":1.91
  "贵州":1.87
  "广东":1.74
  "江西":1.74
  "黑龙江":1.64
  "安徽":1.36
  "云南":1.24
  "甘肃":1.20
  "广西":1.15
  "其他":6.92
```

• 显示效果

数据来源：小红书@成理 - 留学互助联盟,成理2022新生数据大揭秘～

---

六、HTML元素^[9]

• HTML参考手册:W3school_HTML

• 基本框架如下：

• 框架代码

<!doctype html><!-- 文档类型声明 -->
<html lang="en"><!-- 表示HTML文档开始 -->
    <head><!-- 表示文档元数据开始 -->
<meta charset="utf-8"><!-- 声明字符编码 -->
        <title>示例标题</title><!-- 设置文档标题 -->
    </head><!-- 表示文档元数据结束 -->
    <body><!-- 表示文档内容开始 -->
        正文内容
    </body><!-- 表示文档内容结束 -->
</html><!-- 表示HTML文档结束 -->

• 区域

区域	内容
html区	包含head区和body区
head区	给浏览器做信息配置，“不可见区域”
body区	网页的主体部分，“可见区域”或“主体”
…	…

• 快捷键

功能	快捷键	备注
注释	Ctrl+?	代码:<!--注释语句-->
自动生成标签	标签名+TaborEnter	书写双标签或单标签自动生成首尾标签
自动生成框架	html:5+TaborEnter

---

（一）特殊字符

特殊字符用HTML字符集的实体表示，下列是一些常用的特殊字符

字符	实体	字符	实体
	 	÷	÷
<	&lt;	¢	&cent;
>	&gt;	£	&pound;
&	&amp;	¥	&yen;
"	&quot;	€	&euro;
'	&apos;	©	&copy;
−	&minus;	®	&reg;
×	&times;	™	&trade;

---

（二）标签

1. 基础

标签	描述
<!DOCTYPE>	定义文档类型
<html>	定义HTML文档
<head>	定义关于文档的信息
<title>	定义文档的标题
<body>	定义文档的主体
<h1>to<h6>	定义HTML标题
<p>	定义段落
<br>	定义简单的折行
<hr>	定义水平线
<!--...-->	定义注释

2. 格式化

标签	描述
<acronym>	定义只取首字母的缩写。HTML5 中不支持。请使用 <abbr>代替
<abbr>	定义缩写
<address>	定义文档作者或拥有者的联系信息。
<b>	定义粗体文本
<bdi>	定义文本的文本方向，使其脱离其周围文本的方向设置
<bdo>	定义文字方向
<big>	定义大号文本。HTML5 中不支持。请使用 CSS 代替
<blockquote>	定义长的引用
<center>	定义大号文本。HTML5 中不支持。请使用 CSS 代替
<cite>	定义引用(citation)
<code>	定义计算机代码文本
<del>	定义被删除文本
<dfn>	定义定义项目
<em>	定义强调文本
<font>	定义大号文本。HTML5 中不支持。请使用 CSS 代替
<i>	定义斜体文本
<ins>	定义被插入文本
<kbd>	定义键盘文本
<mark>	定义有记号的文本
<meter>	定义预定义范围内的度量
<pre>	定义预格式文本
<progress>	定义任何类型的任务的进度
<q>	定义短的引用
<rp>	定义若浏览器不支持 ruby 元素显示的内容
<rt>	定义 ruby 注释的解释
<ruby>	定义 ruby 注释
<s>	定义加删除线的文本
<samp>	定义计算机代码样本
<small>	定义小号文本
<strike>	定义加删除线文本。HTML5 中不支持。请使用 <del>或 <s>代替
<strong>	定义语气更为强烈的强调文本
<sup>	定义上标文本
<sub>	定义下标文本
<template>	定义用作容纳页面加载时隐藏内容的容器
<time>	定义日期/时间
<tt>	定义打字机文本。HTML5 中不支持。请使用 CSS 代替
<u>	定义下划线文本
<var>	定义文本的变量部分
<wbr>	定义可能的换行符

3. 表单和输入

标签	描述
<form>	定义供用户输入的 HTML 表单
<input>	定义输入控件
<textarea>	定义多行的文本输入控件
<button>	定义按钮
<select>	定义选择列表（下拉列表）
<optgroup>	定义选择列表中相关选项的组合
<option>	定义选择列表中的选项
<label>	定义 input 元素的标注
<fieldset>	定义围绕表单中元素的边框
<legend>	定义 fieldset 元素的标题
<isindex>	定义与文档相关的可搜索索引。HTML5 中不支持
<datalist>	定义下拉列表
<keygen>	定义生成密钥
<output>	定义输出的一些类型

4. 框架

标签	描述
<frame>	定义框架集的窗口或框架。HTML5 中不支持
<frameset>	定义框架集。HTML5 中不支持
<noframes>	定义针对不支持框架的用户的替代内容。HTML5 中不支持
<iframe>	定义内联框架。

5. 图像

标签	描述
<img>	定义图像
<map>	定义图像映射
<area>	定义图像地图内部的区域
<canvas>	定义图形
<figcaption>	定义 figure 元素的标题
<figure>	定义媒介内容的分组，以及它们的标题
<svg>	定义 SVG 图形的容器

6. 音视频

标签	描述
<audio>	定义声音内容
<source>	定义媒介源
<track>	定义用在媒体播放器中的文本轨道
<video>	定义视频

7. 链接

标签	描述
<a>	定义锚
<link>	定义文档与外部资源的关系
<nav>	定义导航链接

8. 列表

标签	描述
<ul>	定义无序列表
<ol>	定义有序列表
<li>	定义列表的项目
<dir>	定义大号文本。HTML5 中不支持。请使用 CSS 代替
<dl>	定义定义列表
<dt>	定义定义列表中的项目
<dd>	定义定义列表中项目的描述
<menu>	定义命令的菜单/列表
<menuitem>	定义用户可以从弹出菜单调用的命令/菜单项目
<command>	定义命令按钮

9. 表格

标签	描述
<table>	定义表格
<caption>	定义表格标题
<th>	定义表格中的表头单元格
<tr>	定义表格中的行
<td>	定义表格中的单元
<thead>	定义表格中的表头内容
<tbody>	定义表格中的主体内容
<tfoot>	定义表格中的表注内容（脚注）
<col>	定义表格中一个或多个列的属性值
<colgroup>	定义表格中供格式化的列组

10. 样式和语义

标签	描述
<style>	定义文档的样式信息
<div>	定义文档中的节
<span>	定义文档中的节
<header>	定义 section 或 page 的页眉
<footer>	定义 section 或 page 的页脚
<main>	定义文档的主要内容
<section>	定义 section
<article>	定义文章
<aside>	定义页面内容之外的内容
<details>	定义元素的细节
<dialog>	定义对话框或窗口
<summary>	为 <details>元素定义可见的标题
<data>	添加给定内容的机器可读翻译

11. 元信息

标签	描述
<head>	定义关于文档的信息
<meta>	定义关于 HTML 文档的元信息
<base>	定义页面中所有链接的默认地址或默认目标
<basefont>	定义页面中文本的默认字体、颜色或尺寸。HTML5 中不支持。请使用 CSS 代替

12. 编程

标签	描述
<script>	定义客户端脚本
<noscript>	定义针对不支持客户端脚本的用户的替代内容
<applet>	定义嵌入的 applet。HTML5 中不支持。请使用 <embed>和 <object>代替
<embed>	为外部应用程序（非 HTML）定义容器
<object>	定义嵌入的对象
<param>	定义对象的参数

---

（三）属性

1. 全局属性

属性	描述
accesskey	规定激活元素的快捷键
class	规定元素的一个或多个类名（引用样式表中的类）
contenteditable	规定元素内容是否可编辑
contextmenu	规定元素的上下文菜单。上下文菜单在用户点击元素时显示
data-*	用于存储页面或应用程序的私有定制数据
dir	规定元素中内容的文本方向
draggable	规定元素是否可拖动
dropzone	规定在拖动被拖动数据时是否进行复制、移动或链接
hidden	规定元素仍未或不再相关
id	规定元素的唯一 id
lang	规定元素内容的语言
spellcheck	规定是否对元素进行拼写和语法检查
style	规定元素的行内 CSS 样式
tabindex	规定元素的 tab 键次序
title	规定有关元素的额外信息
translate	规定是否应该翻译元素内容

2. 事件属性

（1）Window 事件

针对 window 对象触发的事件（应用到<body>标签）

属性	值	描述
onafterprint	script	文档打印之后运行的脚本
onbeforeprint	script	文档打印之前运行的脚本
onbeforeunload	script	文档卸载之前运行的脚本
onerror	script	在错误发生时运行的脚本
onhaschange	script	当文档已改变时运行的脚本
onload	script	页面结束加载之后触发
onmessage	script	在消息被触发时运行的脚本
onoffline	script	当文档离线时运行的脚本
ononline	script	当文档上线时运行的脚本
onpagehide	script	当窗口隐藏时运行的脚本
onpageshow	script	当窗口成为可见时运行的脚本
onpopstate	script	当窗口历史记录改变时运行的脚本
onredo	script	当文档执行撤销（redo）时运行的脚本
onresize	script	当浏览器窗口被调整大小时触发
onstorage	script	在 Web Storage 区域更新后运行的脚本
onundo	script	在文档执行 undo 时运行的脚本
onunload	script	一旦页面已下载时触发（或者浏览器窗口已被关闭）

（2）Form 事件

由 HTML 表单内的动作触发的事件（应用到几乎所有 HTML 元素，但最常用在 form 元素中）

属性	值	描述
onblur	script	元素失去焦点时运行的脚本
onchange	script	在元素值被改变时运行的脚本
oncontextmenu	script	当上下文菜单被触发时运行的脚本
onfocus	script	当元素获得焦点时运行的脚本
onformchange	script	在表单改变时运行的脚本
onforminput	script	当表单获得用户输入时运行的脚本
oninput	script	当元素获得用户输入时运行的脚本
oninvalid	script	当元素无效时运行的脚本
onreset	script	当表单中的重置按钮被点击时触发。HTML5 中不支持
onselect	script	在元素中文本被选中后触发
onsubmit	script	在提交表单时触发

（3） Keyboard 事件

属性	值	描述
onkeydown	script	在用户按下按键时触发
onkeypress	script	在用户敲击按钮时触发
onkeyup	script	当用户释放按键时触发

（4） Mouse 事件

由鼠标或类似用户动作触发的事件

属性	值	描述
onclick	script	元素上发生鼠标点击时触发
ondblclick	script	元素上发生鼠标双击时触发
ondrag	script	元素被拖动时运行的脚本
ondragend	script	在拖动操作末端运行的脚本
ondragenter	script	当元素元素已被拖动到有效拖放区域时运行的脚本
ondragleave	script	当元素离开有效拖放目标时运行的脚本
ondragover	script	当元素在有效拖放目标上正在被拖动时运行的脚本
ondragstart	script	在拖动操作开端运行的脚本
ondrop	script	当被拖元素正在被拖放时运行的脚本
onmousedown	script	当元素上按下鼠标按钮时触发
onmousemove	script	当鼠标指针移动到元素上时触发
onmouseout	script	当鼠标指针移出元素时触发
onmouseover	script	当鼠标指针移动到元素上时触发
onmouseup	script	当在元素上释放鼠标按钮时触发
onmousewheel	script	当鼠标滚轮正在被滚动时运行的脚本
onscroll	script	当元素滚动条被滚动时运行的脚本

（5） Media 事件

由媒介（比如视频、图像和音频）触发的事件（适用于所有 HTML 元素，但常见于媒介元素中，比如 <audio>、<embed>、<img>、<object> 以及 <video>）

属性	值	描述
onabort	script	在退出时运行的脚本
oncanplay	script	当文件就绪可以开始播放时运行的脚本（缓冲已足够开始时）
oncanplaythrough	script	当媒介能够无需因缓冲而停止即可播放至结尾时运行的脚本
ondurationchange	script	当媒介长度改变时运行的脚本
onemptied	script	当发生故障并且文件突然不可用时运行的脚本（比如连接意外断开时）
onended	script	当媒介已到达结尾时运行的脚本（可发送类似“感谢观看”之类的消息）
onerror	script	当在文件加载期间发生错误时运行的脚本
onloadeddata	script	当媒介数据已加载时运行的脚本
onloadedmetadata	script	当元数据（比如分辨率和时长）被加载时运行的脚本
onloadstart	script	在文件开始加载且未实际加载任何数据前运行的脚本
onpause	script	当媒介被用户或程序暂停时运行的脚本
onplay	script	当媒介已就绪可以开始播放时运行的脚本
onplaying	script	当媒介已开始播放时运行的脚本
onprogress	script	当浏览器正在获取媒介数据时运行的脚本
onratechange	script	每当回放速率改变时运行的脚本（比如当用户切换到慢动作或快进模式）
onreadystatechange	script	每当就绪状态改变时运行的脚本（就绪状态监测媒介数据的状态）
onseeked	script	当 seeking 属性设置为 false（指示定位已结束）时运行的脚本
onseeking	script	当 seeking 属性设置为 true（指示定位是活动的）时运行的脚本
onstalled	script	在浏览器不论何种原因未能取回媒介数据时运行的脚本
onsuspend	script	在媒介数据完全加载之前不论何种原因终止取回媒介数据时运行的脚本
ontimeupdate	script	当播放位置改变时（比如当用户快进到媒介中一个不同的位置时）运行的脚本
onvolumechange	script	每当音量改变时（包括将音量设置为静音）时运行的脚本
onwaiting	script	当媒介已停止播放但打算继续播放时（比如当媒介暂停已缓冲更多数据）运行脚本

3. 文档类型

文档类型	声明	备注
HTML 5	<!DOCTYPE html>
HTML 4.01 Strict	<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">	该 DTD 包含所有 HTML 元素和属性，但不包括展示性的和弃用的元素（比如 font）。不允许框架集（Framesets）
HTML 4.01 Transitional	<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">	该 DTD 包含所有 HTML 元素和属性，包括展示性的和弃用的元素（比如 font）。不允许框架集（Framesets）
HTML 4.01 Frameset	<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">	该 DTD 等同于 HTML 4.01 Transitional，但允许框架集内容
XHTML 1.0 Strict	<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">	该 DTD 包含所有 HTML 元素和属性，但不包括展示性的和弃用的元素（比如 font）。不允许框架集（Framesets）。必须以格式正确的 XML 来编写标记
XHTML 1.0 Transitional	<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">	该 DTD 包含所有 HTML 元素和属性，包括展示性的和弃用的元素（比如 font）。不允许框架集（Framesets）。必须以格式正确的 XML 来编写标记
XHTML 1.0 Frameset	<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">	该 DTD 等同于 XHTML 1.0 Transitional，但允许框架集内容
XHTML 1.1	<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">	该 DTD 等同于 XHTML 1.0 Strict，但允许添加模型（例如提供对东亚语系的 ruby 支持）

---

七、声明

（一）作者

• CSDN@智科不编程

---

（二）参考文献

• [1] CSDN@VistorsYan,markdown语法最全汇总,2023·06·19
• [2] CSDN@hellowworld-404-qwq,Markdown 实现双向的交叉引用,2023·07·03
• [3] 博客园@樱花赞,LaTeX公式手册(全网最全),2023·07·20
• [4] LaTeXLive,LaTeXLive帮助文档 Documentation,2023·07·20
• [5] CSDN@龙舟码农,Edge浏览器实现免费数学公式识别LaTex、Mathtype、Word、Markdown等亲测可用,不限次数,2023·06·21
• [6] 知乎@思无邪,LeTex公式自动识别方法汇总,2023·06·21
• [7] CSDN@测试开发小记,markdown图表语法Mermaid介绍,2023·07·19
• [8] CSDN@AD曼巴精神,Mermaid语法大全,2023·07·19
• [9] W3school,HTML 标签参考手册,2023·07·21

---

1. CSDN@智科不编程的Markdown学习 ↩︎