Markdown学习

智科不编程

已于 2024-11-26 18:51:35 修改

阅读量2k

点赞数 28

分类专栏：学习记录文章标签：学习

于 2023-06-19 22:11:37 首次发布

本文链接：https://blog.csdn.net/qq_74251965/article/details/131296163

版权

学习记录专栏收录该内容

1 篇文章

订阅专栏

1. Markdown 简介 ^[1]

转换：Markdown 编写的文档导出 HTML、Word、LaTeX、PDF 等文档
后缀：.md 或 .markdown
用途：撰写电子书，例如 GitHub、CSDN、简书、reddit、Diaspora、Stack Exchange、OpenStreetMap、SourceForge 等，本文就是使用 Markdown 撰写的
编辑器：Typora、Obsidian、code runner、sublime Text、vim 等
Visual Studio Code 推荐插件

Markdown All in One: 提供完整 Markdown 环境
Markdown Preview Enhanced: 提供 Markdown 预览主题和文档格式转换
Markdown Preview Mermaid Support: 提供完整 Mermaid 环境

快捷键

功能	快捷键
加粗	`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 编辑器的常用快捷键

2. Markdown 基本操作 ^[1]

2.1. 标题

代码：

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

显示效果：

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

2.2. 换行

2.2.1. 一个空行

代码：

示例语句1
示例语句2

显示效果：

示例语句 1
示例语句 2

2.2.2. HTML 标签换行

代码：

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

显示效果：

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

2.3. 字体

2.3.1. 基础字体格式

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

2.3.2. HTML 元素字体

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

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

显示效果：

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

2.4. 高亮

代码：

==示例文字==

显示效果：

示例文字

2.5. 背景

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

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

显示效果：

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

2.6. 分割

代码：

***

* * *

---

- - -

显示效果:

2.7. 划线

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

2.8. 列表

2.8.1. 无序

代码：

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

显示效果:
示例语句 1

示例语句 2

示例语句 3

2.8.2. 有序

代码：

1. 示例语句

显示效果:

1.示例语句

备注
数字加 . 和一个空格

2.8.3. 复选框

代码：

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

显示效果
示例语句 1
示例语句 2
示例语句 3
备注

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

2.8.4. 嵌套使用

有序和无序可以嵌套使用

2.9. 区块

2.9.1. 区块嵌套

代码

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

显示效果

markdown

基础

区块引用

2.9.2. 区块使用列表

代码

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

显示效果

区块中使用列表

第一项
第二项

第一项
第二项
第三项

2.10. 目录

代码

@[toc]

3. Markdown 进阶操作 ^[1]

3.1. 插入代码

3.1.1. 一行代码

代码

`int a=0;`

显示效果

int a=0;

3.1.2. 代码块

代码

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

显示效果

int a = 1;
int b = 2;

3.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@智科不编程][a]
[a]:https://blog.csdn.net/qq_74251965?type=blog

备注

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

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

Markdown 标题地址仅支持第 1 种表示方法插入链接，不过 CSDN 目前似乎不支持该方法。其中 Markdown 标题地址表示为 [[#Markdown标题]]，例如[[#1. Markdown 简介 ^[1] ]]

3.3. 插入图片

3.3.1. 插入普通图片

代码格式

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

![](图片地址)

示例代码

![](https://cdn.jsdelivr.net/gh/cdutyu/PictureBed//image/202403310722801.png)

显示效果

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

3.3.2. 插入带链接的图片

代码格式

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

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

示例代码

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

显示效果

3.3.3. 图片排版

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

示例代码

<center>
    <img src="https://cdn.jsdelivr.net/gh/cdutyu/PictureBed//image/202403310722801.png" weight="25%"><br>
    <img src="https://cdn.jsdelivr.net/gh/cdutyu/PictureBed//image/202403310722801.png" weight="25%">
    <img src="https://cdn.jsdelivr.net/gh/cdutyu/PictureBed//image/202403310722801.png" weight="25%"><br>
    示例图注
</center>

显示效果

示例图注 * 备注

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

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

3.4. 插入表格

推荐在线生成 Markdown 网站：TableConvert

代码

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

显示效果

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

备注

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

仅换右 : 实现右对齐

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

3.5. 交叉引用 ^[2]

3.5.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.

3.5.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>

显示效果

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

3.6. 插入脚注

代码格式

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

示例代码

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

显示效果

CSDN@智科不编程 ¹

备注

脚注与引用的区别在于脚注是在文档末尾显示，引用可以在任意地方显示

4. LaTeX 公式(选修) ^[3] ^[4]

需要支持渲染 $\LaTeX$ 公式的环境才能正确显示

LaTeX 工具

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

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

开启 数学求解器 开关

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

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

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

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

行内公式

代码

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

显示效果

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

块级公式

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

代码

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

显示效果

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

公式文本

示例代码

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

显示效果

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

常量类

用罗马体表示

示例代码

$\mathrm{e}$

显示效果

$\mathrm{e}$

微分类

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

示例代码

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

显示效果

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

4.1. 符号与字母

4.1.1. 希腊字母 Greek alphabet

序号	小写及大写	$\LaTeX$	读音
1	$\alpha\mathrm{A}$	`\alpha` `\mathrm{A}`	/ˈælfə/
2	$\beta\mathrm{B}$	`\beta` `\mathrm{B}`	/ˈbiːtə/, US: /ˈbeɪtə/
3	$\gamma\Gamma\varGamma$	`\gamma` `\Gamma` `\varGamma`	/ˈɡæmə/
双伽马函数	$\digamma$	`\digamma`	/ˈdiɡæmə/
4	$\delta\Delta\varDelta$	`\delta` `\Delta` `\varDelta`	/ˈdɛltə/
5	$\epsilon\varepsilon\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\varTheta$	`\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\varLambda$	`\lambda` `\Lambda` `\varLambda`	/ˈlæmdə/
12	$\mu\mathrm{M}$	`\mu` `\mathrm{M}`	/mjuː/
13	$\nu\mathrm{N}$	`\nu` `\mathrm{N}`	/njuː/
14	$\xi\Xi\varXi$	`\xi` `\Xi` `\varXi`	/zaɪ, ksaɪ/
15	$\omicron\mathrm{O}$	`\omicron` `\mathrm{O}`	/ˈɒmɪkrɒn/
16	$\pi\varpi\Pi\varPi$	`\pi` `\varpi` `\Pi` `\varPi`	/paɪ/
17	$\rho\varrho\mathrm{P}$	`\rho` `\varrho` `\mathrm{P}`	/roʊ/
18	$\sigma\varsigma\Sigma\varSigma$	`\sigma` `\varsigma` `\Sigma` `\varSigma`	/ˈsɪɡmə/
19	$\tau\mathrm{T}$	`\tau` `\mathrm{T}`	/taʊ, tɔː/
20	$\upsilon\Upsilon\varUpsilon$	`\upsilon` `\Upsilon` `\varUpsilon`	/ˈʌpsɪlɒn/
21	$\phi\varphi\Phi\varPhi$	`\phi` `\varphi` `\Phi` `\varPhi`	/faɪ/
22	$\chi\mathrm{X}$	`\chi` `\mathrm{X}`	/kaɪ/
23	$\psi\Psi\varPsi$	`\psi` `\Psi` `\varPsi`	/psaɪ/
24	$\omega\Omega\varOmega$	`\omega` `\Omega` `\varOmega`	/oʊˈmeɪɡə/

4.1.2. 希伯来字母 Hebrew alphabet

序号	图标	$\LaTeX$	英文
1	$\aleph$	`\aleph`	aleph
2	$\beth$	`\beth`	beth
3	$\gimel$	`\gimel`	gimel
4	$\daleth$	`\daleth`	daleth

4.1.3. 二元运算符 Binary operations

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

4.1.4. 二元关系符 Binary relations

序号	图标	$\LaTeX$	序号	图标	$\LaTeX$
1	$=$	`=`	49	$\gneq$	`\gneq`
2	$\ne$	`\ne`	50	$\geqq$	`\geqq`
3	$\neq$	`\neq`	51	$\ngeq$	`\ngeq`
4	$\equiv$	`\equiv`	52	$\ngeqq$	`\ngeqq`
5	$\not\equiv$	`\not\equiv`	53	$\gneqq$	`\gneqq`
6	$\doteq$	`\doteq`	54	$\gvertneqq$	`\gvertneqq`
7	$\doteqdot$	`\doteqdot`	55	$\lessgtr$	`\lessgtr`
8	$\overset{\underset{\mathrm{def}}{}}{=}$	`\overset{\underset{\mathrm{def}}{}}{=}`	56	$\lesseqgtr$	`\lesseqgtr`
9	$:=$	`:=`	57	$\lesseqqgtr$	`\lesseqqgtr`
10	$\sim$	`\sim`	58	$\gtrless$	`\gtrless`
11	$\nsim$	`\nsim`	59	$\gtreqless$	`\gtreqless`
12	$\backsim$	`\backsim`	60	$\gtreqqless$	`\gtreqqless`
13	$\thicksim$	`\thicksim`	61	$\leqslant$	`\leqslant`
14	$\simeq$	`\simeq`	62	$\nleqslant$	`\nleqslant`
15	$\backsimeq$	`\backsimeq`	63	$\eqslantless$	`\eqslantless`
16	$\eqsim$	`\eqsim`	64	$\geqslant$	`\geqslant`
17	$\cong$	`\cong`	65	$\ngeqslant$	`\ngeqslant`
18	$\ncong$	`\ncong`	66	$\eqslantgtr$	`\eqslantgtr`
19	$\approx$	`\approx`	67	$\lesssim$	`\lesssim`
20	$\thickapprox$	`\thickapprox`	68	$\lnsim$	`\lnsim`
21	$\approxeq$	`\approxeq`	69	$\lessapprox$	`\lessapprox`
22	$\asymp$	`\asymp`	70	$\lnapprox$	`\lnapprox`
23	$\propto$	`\propto`	71	$\gtrsim$	`\gtrsim`
24	$\varpropto$	`\varpropto`	72	$\gnsim$	`\gnsim`
25	$<$	`<`	73	$\gtrapprox$	`\gtrapprox`
26	$\nless$	`\nless`	74	$\gnapprox$	`\gnapprox`
27	$\ll$	`\ll`	75	$\prec$	`\prec`
28	$\not\ll$	`\not\ll`	76	$\nprec$	`\nprec`
29	$\lll$	`\lll`	77	$\preceq$	`\preceq`
30	$\not\lll$	`\not\lll`	78	$\npreceq$	`\npreceq`
31	$\lessdot$	`\lessdot`	79	$\precneqq$	`\precneqq`
32	$>$	`>`	80	$\succ$	`\succ`
33	$\ngtr$	`\ngtr`	81	$\nsucc$	`\nsucc`
34	$\gg$	`\gg`	82	$\succeq$	`\succeq`
35	$\not\gg$	`\not\gg`	83	$\nsucceq$	`\nsucceq`
36	$\ggg$	`\ggg`	84	$\succneqq$	`\succneqq`
37	$\not\ggg$	`\not\ggg`	85	$\preccurlyeq$	`\preccurlyeq`
38	$\gtrdot$	`\gtrdot`	86	$\curlyeqprec$	`\curlyeqprec`
39	$\le$	`\le`	87	$\succcurlyeq$	`\succcurlyeq`
40	$\leq$	`\leq`	88	$\curlyeqsucc$	`\curlyeqsucc`
41	$\lneq$	`\lneq`	89	$\precsim$	`\precsim`
42	$\leqq$	`\leqq`	90	$\precnsim$	`\precnsim`
43	$\nleq$	`\nleq`	91	$\precapprox$	`\precapprox`
44	$\nleqq$	`\nleqq`	92	$\precnapprox$	`\precnapprox`
45	$\lneqq$	`\lneqq`	93	$\succsim$	`\succsim`
46	$\lvertneqq$	`\lvertneqq`	94	$\succnsim$	`\succnsim`
47	$\ge$	`\ge`	95	$\succapprox$	`\succapprox`
48	$\geq$	`\geq`	96	$\succnapprox$	`\succnapprox`

4.1.5. 几何符号 Geometric symbols

序号	图标	$\LaTeX$	序号	图标	$\LaTeX$
1	$\parallel$	`\parallel`	14	$\lozenge$	`\lozenge`
2	$\nparallel$	`\nparallel`	15	$\blacklozenge$	`\blacklozenge`
3	$\shortparallel$	`\shortparallel`	16	$\bigstar$	`\bigstar`
4	$\nshortparallel$	`\nshortparallel`	17	$\bigcirc$	`\bigcirc`
5	$\perp$	`\perp`	18	$\triangle$	`\triangle`
6	$\angle$	`\angle`	19	$\bigtriangleup$	`\bigtriangleup`
7	$\sphericalangle$	`\sphericalangle`	20	$\bigtriangledown$	`\bigtriangledown`
8	$\measuredangle$	`\measuredangle`	21	$\vartriangle$	`\vartriangle`
9	$\circ$	`\circ`	22	$\triangledown$	`\triangledown`
10	$\Box$	`\Box`	23	$\blacktriangle$	`\blacktriangle`
11	$\blacksquare$	`\blacksquare`	24	$\blacktriangledown$	`\blacktriangledown`
12	$\diamond$	`\diamond`	25	$\blacktriangleleft$	`\blacktriangleleft`
13	$\Diamond$	`\Diamond`	26	$\blacktriangleright$	`\blacktriangleright`

4.1.6. 逻辑符号 Logic symbols

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

4.1.7. 集合 Sets

序号	图标	$\LaTeX$	序号	图标	$\LaTeX$
1	$\{\}$	`{}`	23	$\sqsubset$	`\sqsubset`
2	$\emptyset$	`\emptyset`	24	$\supset$	`\supset`
3	$\varnothing$	`\varnothing`	25	$\Supset$	`\Supset`
4	$\in$	`\in`	26	$\sqsupset$	`\sqsupset`
5	$\notin$	`\notin`	27	$\subseteq$	`\subseteq`
6	$\ni$	`\ni`	28	$\nsubseteq$	`\nsubseteq`
7	$\cap$	`\cap`	29	$\subsetneq$	`\subsetneq`
8	$\Cap$	`\Cap`	30	$\varsubsetneq$	`\varsubsetneq`
9	$\sqcap$	`\sqcap`	31	$\sqsubseteq$	`\sqsubseteq`
10	$\bigcap$	`\bigcap`	32	$\supseteq$	`\supseteq`
11	$\cup$	`\cup`	33	$\nsupseteq$	`\nsupseteq`
12	$\Cup$	`\Cup`	34	$\supsetneq$	`\supsetneq`
13	$\sqcup$	`\sqcup`	35	$\varsupsetneq$	`\varsupsetneq`
14	$\bigcup$	`\bigcup`	36	$\sqsupseteq$	`\sqsupseteq`
15	$\bigsqcup$	`\bigsqcup`	37	$\subseteqq$	`\subseteqq`
16	$\uplus$	`\uplus`	38	$\nsubseteqq$	`\nsubseteqq`
17	$\biguplus$	`\biguplus`	39	$\subsetneqq$	`\subsetneqq`
18	$\setminus$	`\setminus`	40	$\varsubsetneqq$	`\varsubsetneqq`
19	$\smallsetminus$	`\smallsetminus`	41	$\supseteqq$	`\supseteqq`
20	$\times$	`\times`	42	$\nsupseteqq$	`\nsupseteqq`
21	$\subset$	`\subset`	43	$\supsetneqq$	`\supsetneqq`
22	$\Subset$	`\Subset`	44	$\varsupsetneqq$	`\varsupsetneqq`

4.1.8. 箭头 Arrows

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

4.1.9. 特殊 Special

序号	图标	$\LaTeX$	序号	图标	$\LaTeX$
1	$\infty$	`\infty`	33	$\flat$	`\flat`
2	$\aleph$	`\aleph`	34	$\natural$	`\natural`
3	$\complement$	`\complement`	35	$\sharp$	`\sharp`
4	$\backepsilon$	`\backepsilon`	36	$\diagup$	`\diagup`
5	$\eth$	`\eth`	37	$\diagdown$	`\diagdown`
6	$\Finv$	`\Finv`	38	$\centerdot$	`\centerdot`
7	$\hbar$	`\hbar`	39	$\ltimes$	`\ltimes`
8	$\Im$	`\Im`	40	$\rtimes$	`\rtimes`
9	$\imath$	`\imath`	41	$\leftthreetimes$	`\leftthreetimes`
10	$\jmath$	`\jmath`	42	$\rightthreetimes$	`\rightthreetimes`
11	$\Bbbk$	`\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$	`\circledS`	48	$\doteqdot$	`\doteqdot`
17	$\amalg$	`\amalg`	49	$\risingdotseq$	`\risingdotseq`
18	$\%$	`\%`	50	$\fallingdotseq$	`\fallingdotseq`
19	$\dagger$	`\dagger`	51	$\intercal$	`\intercal`
20	$\ddagger$	`\ddagger`	52	$\barwedge$	`\barwedge`
21	$\ldots$	`\ldots`	53	$\veebar$	`\veebar`
22	$\cdots$	`\cdots`	54	$\doublebarwedge$	`\doublebarwedge`
23	$\smile$	`\smile`	55	$\between$	`\between`
24	$\frown$	`\frown`	56	$\pitchfork$	`\pitchfork`
25	$\wr$	`\wr`	57	$\vartriangleleft$	`\vartriangleleft`
26	$\triangleleft$	`\triangleleft`	58	$\ntriangleleft$	`\ntriangleleft`
27	$\triangleright$	`\triangleright`	59	$\vartriangleright$	`\vartriangleright`
28	$\diamondsuit$	`\diamondsuit`	60	$\ntriangleright$	`\ntriangleright`
29	$\heartsuit$	`\heartsuit`	61	$\trianglelefteq$	`\trianglelefteq`
30	$\clubsuit$	`\clubsuit`	62	$\ntrianglelefteq$	`\ntrianglelefteq`
31	$\spadesuit$	`\spadesuit`	63	$\trianglerighteq$	`\trianglerighteq`
32	$\Game$	`\Game`	64	$\ntrianglerighteq$	`\ntrianglerighteq`

4.2. 运算与函数

4.2.1. 分数 Fractions

序号	图标	$\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)	$\tfrac{2}{4}x = 0.5x$	`\tfrac{2}{4}x = 0.5x`
大型分数（不嵌套）Large (normal) fractions (force \displaystyle)	$\dfrac{2}{4} = 0.5 \quad \dfrac{2}{c + \dfrac{2}{d + \dfrac{2}{4}}} = a$	`\dfrac{2}{4} = 0.5 \quad \dfrac{2}{c + \dfrac{2}{d + \dfrac{2}{4}}} = a`
大型分数（嵌套）Large (nested) fractions	$\cfrac{2}{c + \cfrac{2}{d + \cfrac{2}{4}}} = a$	`\cfrac{2}{c + \cfrac{2}{d + \cfrac{2}{4}}} = a`
约分线的使用 Cancellations in fractions	$\cfrac{x}{1 + \cfrac{\cancel{y}}{\cancel{y}}} = \cfrac{x}{2}$	`\cfrac{x}{1 + \cfrac{\cancel{y}}{\cancel{y}}} = \cfrac{x}{2}`

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

4.2.2. 标准数值函数 Standard numerical functions

样式	$\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`
$\operatorname{arccot} d, \operatorname{arcsec} e, \operatorname{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`
$\operatorname{sh}k, \operatorname{ch}l, \operatorname{th}m, \operatorname{coth}n$	`\operatorname{sh}k, \operatorname{ch}l, \operatorname{th}m, \operatorname{coth}n`
$\operatorname{argsh}o, \operatorname{argch}p, \operatorname{argth}q$	`\operatorname{argsh}o, \operatorname{argch}p, \operatorname{argth}q`
$\operatorname{sgn}r, \left\vert s \right\vert$	`\operatorname{sgn}r, \left\vert s \right\vert`
$\min(x,y), \max(x,y)$	`\min(x,y), \max(x,y)`

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

$\operatorname{myfuction}x$

4.2.3. 根式 Radicals

样式	$\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.2.4. 微分与导数 Differentials and derivatives

样式	$\LaTeX$
$\mathrm{d}t, \partial t, \nabla\psi$	`dt, \mathrm{d}t, \partial t, \nabla\psi`
$\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, \backprime, f^\prime, f', f'', f^{(3)}, \dot y, \ddot y$	`\prime, \backprime, f^\prime, f', f'', f^{(3)}, \dot y, \ddot y`

4.2.5. 同余与模算术 Modular arithmetic

样式	$\LaTeX$
$s_k \equiv 0 \pmod{m}$	`s_k \equiv 0 \pmod{m}$`
$\bmod b$	`a \bmod b`
$\gcd(m, n), \operatorname{lcm}(m, n)$	`\gcd(m, n), \operatorname{lcm}(m, n)`
$\mid, \nmid, \shortmid, \nshortmid$	`\mid, \nmid, \shortmid, \nshortmid`

4.2.6. 极限 Limits

样式	$\LaTeX$
$\lim_{n \to \infty}x_n$	`\lim_{n \to \infty}x_n`
$\lim\limits_{n \to \infty}x_n$	`\lim\limits_{n \to \infty}x_n`
$\textstyle\lim_{n \to \infty}x_n$	`\textstyle\lim_{n \to \infty}x_n`

4.2.7. 界限与投影 Bounds and Projections

样式	$\LaTeX$
$\min x, \max y, \inf s, \sup t$	`\min x, \max y, \inf s, \sup t`
$\lim u, \liminf v, \limsup w$	`\lim u, \liminf v, \limsup w`
$\dim p, \deg q, \det m, \ker\phi$	`\dim p, \deg q, \det m, \ker\phi`
$\Pr j, \hom l, \lVert z \rVert, \arg z$	`\Pr j, \hom l, \lVert z \rVert, \arg z`

4.2.8. 积分 Integral

样式	$\LaTeX$
$\int\limits_{1}^{3}\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`
$\iint\limits_D dx\,dy$	`\iint\limits_D dx\,dy`
$\iiint\limits_E dx\,dy\,dz$	`\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`

4.2.9. 其他大型运算 Large operators

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

4.3. 上下标

类型	样式	代码
上标 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'}$	`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	$\overset{\alpha}{\omega}$	`\overset{\alpha}{\omega}`
	$\underset{\alpha}{\omega}$	`\underset{\alpha}{\omega}`
	$\overset{\alpha}{\underset{\gamma}{\omega}}$	`\overset{\alpha}{\underset{\gamma}{\omega}}`
	$\stackrel{\alpha}{\omega}$	`\stackrel{\alpha}{\omega}`
导数 Derivatives	$x^{'}, y^{''}, f^{'}, f^{''}$	`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{a b} \ \overleftarrow{c d} \ \widehat{d e f}$	`\overrightarrow{a b} \ \overleftarrow{c d} \ \widehat{d e f}`
	$\overline{g h i} \ \underline{j k l}$	`\overline{g h i} \ \underline{j k l}`
弧度 Arc (workaround)	$\overset{\frown} {AB}$	`\overset{\frown} {AB}`
箭头 Arrows	$\xleftarrow{n+\mu-1} B \xrightarrow[T]{n\pm i-1} C$	`A \xleftarrow{n+\mu-1} B \xrightarrow[T]{n\pm i-1} C`
大括号 Overbraces	$\overbrace{ 1+2+\cdots+100 }^{5050}$	`\overbrace{ 1+2+\cdots+100 }^{5050}`
底部大括号 Underbraces	$\underbrace{ a+b+\cdots+z }_{26}$	`\underbrace{ a+b+\cdots+z }_{26}`
求和运算 Sum	$\sum_{k=1}^N k^2$	`\sum_{k=1}^N k^2`
文本模式下的求和运算 Sum (force extstyle)	$\textstyle \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{\displaystyle \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\limits^{^N}_{k=1} k^2}{a}$	`\frac{\sum\limits^{^N}_{k=1} k^2}{a}`
积分 Integral	$\int\limits_{1}^{3}\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	$\iint\limits_D dx\,dy$	`\iint\limits_D dx\,dy`
三重积分 Triple integral	$\iiint\limits_E dx\,dy\,dz$	`\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$ 一致

4.4. 矩阵与多行列式

数组 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}{ | 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}$

4.5. 括号

类型	样式	$\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$	`\left\langle\right\rangle`
取整函数与取顶函数 Floor and ceiling functions	$\left\lfloor\right\rfloor$ $\left\lceil\right\rceil$	`\left\lfloor\right\rfloor` `\left\lceil\right\rceil`
斜线与反斜线 Slashes and backslashes	$\left/\right/$ $\ \ \left\backslash\right\backslash$	`\left/\right/` `\left\backslash\right\backslash`
上下箭头 Up, down, and up-down arrows	$\left\uparrow\right\downarrow$ $\left\Uparrow\right\Downarrow$ $\left \updownarrow\right\Updownarrow$	`\left\uparrow\right\downarrow` `\left\Uparrow\right\Downarrow` `\left \updownarrow\right\Updownarrow`

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

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

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

$\left.\frac{a}{b} \right \downarrow$

4.6. 字样与空格

4.6.1. 字体

类型	样式	LaTeX
默认 default	$A BC D EFG H I J K L MNOPQRST U VW X Y Z ab c d e f g hijk l mn o pq rs t uv w x yz 0123456789$
罗马体 Roman typeface	$\mathrm{ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789}$	`\mathrm{}`
斜体 Italics	$\mathit{ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789}$	`\mathit{}`
粗体 Boldface	$\mathbf{ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789}$	`\mathbf{}`
无衬线体 Sans serif	$\mathsf{ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789}$	`\mathsf{}`
黑板报体 Blackboard bold/scripts	$\mathbb{ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789}$	`\mathbb{}`
打字机体 typewriter	$\mathtt{ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789}$	`\mathtt{}`
手写体 Calligraphy/花体 script	$\mathcal{ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789}$	`\mathcal{}`
德文尖角体 Fraktur typeface	$\mathfrak{ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789}$	`\mathfrak{}`
小型风格体 Small scriptstyle(可与其他字体组合使用)	$\scriptstyle{ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789}$	`\scriptstyle{}`
希腊字母 Greek alphabet	$\mathrm{A}\mathrm{B}\Gamma\Delta\mathrm{E}\mathrm{Z}\mathrm{H}\Theta\mathrm{I}\mathrm{K}\Lambda\mathrm{M}\mathrm{N}\Xi\Pi\mathrm{R}\Sigma\mathrm{T}\Upsilon\Phi\mathrm{X}\Psi\Omega\alpha\beta\gamma\delta\epsilon\zeta\eta\theta\iota\kappa\lambda\mu\nu\xi\pi\rho\sigma\tau\upsilon\phi\chi\psi\omega\varepsilon\digamma\varkappa\varpi\varrho\varsigma\vartheta\varphi$	`\mathrm{}`或者不用`\mathrm{}`包裹
斜体希腊字母 Greek alphabet(Italics)	$\mathit{\mathrm{A}\mathrm{B}\Gamma\Delta\mathrm{E}\mathrm{Z}\mathrm{H}\Theta\mathrm{I}\mathrm{K}\Lambda\mathrm{M}\mathrm{N}\Xi\Pi\mathrm{R}\Sigma\mathrm{T}\Upsilon\Phi\mathrm{X}\Psi\Omega\alpha\beta\gamma\delta\epsilon\zeta\eta\theta\iota\kappa\lambda\mu\nu\xi\pi\rho\sigma\tau\upsilon\phi\chi\psi\omega\varepsilon\digamma\varkappa\varpi\varrho\varsigma\vartheta\varphi}$	`\mathit{}`
粗体希腊字母 Greek alphabet(Boldface)	$\mathbf{\mathrm{A}\mathrm{B}\Gamma\Delta\mathrm{E}\mathrm{Z}\mathrm{H}\Theta\mathrm{I}\mathrm{K}\Lambda\mathrm{M}\mathrm{N}\Xi\Pi\mathrm{R}\Sigma\mathrm{T}\Upsilon\Phi\mathrm{X}\Psi\Omega\alpha\beta\gamma\delta\epsilon\zeta\eta\theta\iota\kappa\lambda\mu\nu\xi\pi\rho\sigma\tau\upsilon\phi\chi\psi\omega\varepsilon\digamma\varkappa\varpi\varrho\varsigma\vartheta\varphi}$	`\mathbf{}`
无衬线体希腊字母 Greek alphabet(Sans serif)	$\mathsf{\mathrm{A}\mathrm{B}\Gamma\Delta\mathrm{E}\mathrm{Z}\mathrm{H}\Theta\mathrm{I}\mathrm{K}\Lambda\mathrm{M}\mathrm{N}\Xi\Pi\mathrm{R}\Sigma\mathrm{T}\Upsilon\Phi\mathrm{X}\Psi\Omega\alpha\beta\gamma\delta\epsilon\zeta\eta\theta\iota\kappa\lambda\mu\nu\xi\pi\rho\sigma\tau\upsilon\phi\chi\psi\omega\varepsilon\digamma\varkappa\varpi\varrho\varsigma\vartheta\varphi}$	`\mathsf{}`
打字机体希腊字母 Greek alphabet(typewriter)	$\mathtt{\mathrm{A}\mathrm{B}\Gamma\Delta\mathrm{E}\mathrm{Z}\mathrm{H}\Theta\mathrm{I}\mathrm{K}\Lambda\mathrm{M}\mathrm{N}\Xi\Pi\mathrm{R}\Sigma\mathrm{T}\Upsilon\Phi\mathrm{X}\Psi\Omega\alpha\beta\gamma\delta\epsilon\zeta\eta\theta\iota\kappa\lambda\mu\nu\xi\pi\rho\sigma\tau\upsilon\phi\chi\psi\omega\varepsilon\digamma\varkappa\varpi\varrho\varsigma\vartheta\varphi}$	`\mathtt{}`
小型风格体希腊字母 Greek alphabet(Small scriptstyle)(可与其他字体组合使用)	$\scriptstyle{\mathrm{A}\mathrm{B}\Gamma\Delta\mathrm{E}\mathrm{Z}\mathrm{H}\Theta\mathrm{I}\mathrm{K}\Lambda\mathrm{M}\mathrm{N}\Xi\Pi\mathrm{R}\Sigma\mathrm{T}\Upsilon\Phi\mathrm{X}\Psi\Omega\alpha\beta\gamma\delta\epsilon\zeta\eta\theta\iota\kappa\lambda\mu\nu\xi\pi\rho\sigma\tau\upsilon\phi\chi\psi\omega\varepsilon\digamma\varkappa\varpi\varrho\varsigma\vartheta\varphi}$	`\scriptstyle{}`

4.6.2. 字号

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

4.6.3. 空格

名称	样式	$\LaTeX$	显示宽度
换行	$\alpha\\\beta$	`\alpha\\\beta`
2 个空格	$\alpha\qquad\beta$	`\alpha\qquad\beta`	$2 m$
空格	$\alpha\quad\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}$

4.7. 颜色

4.7.1. 代码格式

样式	$\LaTeX$	备注：格式
$\color{Red}{\Delta=b^2-4ac}$	`\color{Red}{\Delta=b^2-4ac}`	字体颜色：`\color{字体颜色}{text}`
$\color{#F29} {e^{i \pi} + 1 = 0}$	`\color{#F29} {e^{i \pi} + 1 = 0}`	RGB 颜色：`\color {#rgb} {text}` or `\color[RGB]{r,g,b}{text}`(Markdown 不支持后者)
	`\definecolor{mygreen}{RGB}{0,200,0} \color{mygreen}{e^{i \pi} + 1 = 0 }`	自定义颜色：`\definecolor{颜色命名}{RGB}{r,g,b}`，Markdown 不支持
	`\bbox[red,5pt]{x+y}`	背景颜色：`\bbox[背景颜色,增加尺寸]{text}` or `\bbox[背景颜色]{text}` or `\bbox[增加尺寸]{text}`，Markdown 不支持

4.7.2. 默认支持颜色 Colors supported

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

5. Mermaid 图表（选修） ^[7] ^[8]

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

```mermaid

```

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

5.1. 流程图

5.1.1. 流程图节点

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

示例代码

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

显示效果

5.1.2. 流程图方向

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

示例代码

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

显示效果

5.1.3. 节点形状

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

示例代码

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

显示效果

5.1.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.1.5. 特殊字符

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

示例代码

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

显示效果

5.1.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
```

显示效果

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

5.2. 时序图

示例代码

```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 可以用于表示可选的分支

5.3. 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: 定义一个类
<|-- 或 <--: 连线类型
+ 或 -: 表示类的公共或私有成员
:: 定义成员的类型
(): 定义一个方法

5.4. 状态图

示例代码

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

显示效果

说明

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

5.5. 甘特图

示例代码

```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：定义某个任务在另一个任务之后开始

5.6. 饼图

示例代码

```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 新生数据大揭秘～

6. 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` +`?`	代码: `<!--注释语句-->`
自动生成标签	`标签名`+ `Tab` or `Enter`	书写双标签或单标签自动生成首尾标签
自动生成框架	`html:5`+ `Tab` or `Enter`

6.1. 特殊字符

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

字符	实体	字符	实体
	` `	÷	`÷`
<	`<`	¢	`¢`
>	`>`	£	`£`
&	`&`	¥	`¥`
"	`"`	€	`€`
'	`'`	©	`©`
−	`−`	®	`®`
×	`×`	™	`™`

6.2. 标签

6.2.1. 基础

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

6.2.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>`	定义可能的换行符

6.2.3. 表单和输入

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

6.2.4. 框架

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

6.2.5. 图像

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

6.2.6. 音视频

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

6.2.7. 链接

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

6.2.8. 列表

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

6.2.9. 表格

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

6.2.10. 样式和语义

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

6.2.11. 元信息

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

6.2.12. 编程

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

6.3. 属性

6.3.1. 全局属性

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

6.3.2. 事件属性

6.3.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	一旦页面已下载时触发（或者浏览器窗口已被关闭）

6.3.2.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	在提交表单时触发

6.3.2.3. Keyboard 事件

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

6.3.2.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	当元素滚动条被滚动时运行的脚本

6.3.2.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	当媒介已停止播放但打算继续播放时（比如当媒介暂停已缓冲更多数据）运行脚本

6.3.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 支持）

7. 声明

7.1. 作者

CSDN@智科不编程

7.2. 参考文献

[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

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