Markdown——高级语法

所谓“高级语法”​，可以理解为满足“特殊”排版需求的语法。Markdown语法，甚至是扩展语法实现的排版效果都是有限的，因为Markdown的特点就是易读、易写，再怎么扩展也不能违背这个原则。但特殊需求在所难免，要想实现，就要用相对复杂的语法，需要HTML或CSS来协助。为了可读性、兼容性和可维护性，不建议大量使用“高级语法”​。

1、上标和下标

上标，也叫上角标，是出现在一列正常字体文字的上边的数字、字母或其他符号。下标，也叫下角标，是出现在一列正常字体文字下边的数字、字母或其他符号。

上标和下标常用于化学式、数学公式、引用文字的脚注等。Markdown原生语法并不支持上标和下标，需要用HTML标签实现。

在HTML语法中，上标用＜sup＞标签包裹，下标用＜sub＞标签包裹，语法示例如下，如图所示。

在Typora中，上标和下标有语法支持，上标用^包裹，下标则用～包裹。

效果与HTML语法实现的相同。

2、下画线

下画线并不常用，但如果想在Markdown中使用，那么可以通过HTML的＜u＞标签实现。示例如下，如图所示。

3、高亮

文本高亮显示是比较常见的排版需求，目前有两种方法可以实现高亮效果。一是使用HTML的＜mark＞标签，二是使用两个等号(==)包裹需要高亮显示的内容。示例如下，如图所示。

4、颜色

在Markdown中，如果想为文字设置不同的颜色，则需要在HTML标签内设置CSS字体颜色属性color。语法示例如下。

文字颜色可以使用HTML颜色名称（如red）​，或者使用十六进制颜色代码（如＃ff0000）​，也可以使用RGB颜色值（如rgb(255，0，0)）​。推荐使用颜色名称，可读性相对高一些，如图所示。

文字颜色可参考代码，如图所示。

5、字体

如果想改变Markdown中文字的字体，则需要在HTML标签内设置CSS字体属性font-family。语法示例如下，如图所示。


如果在本地指定字体，则需要确保电脑中已经安装了该字体。如果在网站上指定字体，则需要确保网站支持该字体。

6、字号

如果想改变Markdown中文字的字号，则需要在HTML标签内设置CSS字号属性font-size。语法示例如下，如图所示。


也可以使用HTML的＜small＞和＜big＞标签设置字号。嵌套一个＜small＞标签会使字体小一号，嵌套两个＜small＞标签会使字体小两号，依此类推。＜big＞标签会让字体大一号，嵌套两个＜big＞标签会使字体大两号，依此类推。语法示例如下，如图所示。

7、缩进

虽然新媒体排版不建议使用段首缩进，但如果你的文章是要出版的，那么段首缩进两格还是需要的。在Markdown中，需要在HTML标签内设置CSS文本缩进属性text-indent。语法示例如下。

一个em代表缩进一个文字的宽度，2em代表缩进两个文字的宽度，正好实现段首空两格的效果，如图所示。

8、对齐

在Markdown中，需要在HTML标签内设置CSS文本对齐属性text-align。语法示例如下，如图所示。


使用HTML标签包裹的内容中不应使用Markdown语法，例如本例中图片使用了HTML的＜img＞标签。

9、图片大小

如果需要在Markdown中设置图片的大小，则使用HTML的＜img＞标签插入图片，不能用原生的Markdown语法。通过＜img＞标签的width和height属性设置图片的宽度和高度。

语法示例如下，如图所示。

10、注释

如果有些提示性或解释性的备注需要只在读源码的时候才能看到，就要用到注释。Markdown中的注释主要有三种方法。

方法一：在HTML标签中使用CSS的display属性，语法格式如下。

这种方法比较复杂，不推荐使用。

方法二：使用XML的注释语法，语法格式如下。

这种方法比较通用且自由，推荐使用。

方法三：巧用引用链接，只定义链接标记，但不引用，可实现注释效果。定义引用链接的格式如下。

如果作为注释使用，那么参考格式如下，如图所示。

11、折叠

折叠是网页中比较常见的效果，在默认情况下，内容被折叠，当想查看详情时点击展开。在Markdown中，要想实现折叠效果需要借助HTML的＜details＞标签，并搭配＜summary＞为隐藏内容定义标题。标题是可见的，语法示例如下，如图所示。