Markdown温故知新(4):更多扩展语法及HTML

1、强调(删除 & 高亮)

Markdown 官方定义了粗体和斜体两个强调,为了满足更加个性化的强调需求,某些 Markdown 应用还定义了删除和高亮两个强调语法。示例一下(截自马克飞象):

Markdown温故知新(4):更多扩展语法及HTML

2、脚注(注脚)

在纸质书中,脚注一般印刷在书页的下端,作用是对正文内容做进一步的补充说明。

而在 Markdown 中,可以在文章的最后或其它你喜欢的地方定义脚注,语法是[^脚注名]: 说明文字,然后就可以在需要脚注的文字后引用脚注了,语法是[^脚注名]。而且点脚注名可以直接跳转到定义脚注的地方,很方便看补充说明。

脚注用法,示例一下(截自马克飞象):

Markdown温故知新(4):更多扩展语法及HTML

3、数学公式

对高校理工科的师生,或数学、物理等领域的研究人员而言,发论文、写期刊时常有插入数学符号的需求。 公式是学术圈的主流选择, 是一种基于 TeX 的排版系统,使用门槛比较低,在生成复杂表格和数学公式这一块的表现尤为突出。

在互联网诞生之后,又出现了在网页上显示数学符号的跨浏览器的 JavaScript 库,较为知名的有 和 。 的优点是支持绝大部分 TeX/LaTeX 语法,且支持多种输出格式。缺点是体积太大,当公式比较多时渲染速度比较慢。 比 要快,也更易于使用,但支持得不够全面。

很多知名的学术网站都支持 ,而多数 Markdown 工具则是通过支持 进而实现对 公式的支持,印象笔记的 Markdown 就是其中之一。

通常在公式前后加一个$表示行内公式,在公式前后加两个$表示块级公式。这种用$包裹数学公式的写法 和 都支持,因此推荐这种写法。示例一下(截自印象笔记):

Markdown温故知新(4):更多扩展语法及HTML

有些 Markdown 工具还会提供特有的公式写法,比如印象笔记,尽管可能比通用标准更好用,但依然建议尽量不要使用,因为迁移成本太高。示例一下(截自印象笔记):

Markdown温故知新(4):更多扩展语法及HTML

如果你还想了解更多数学公式的写法,可参考如下两个链接:

4、更多扩展语法

我在本系列的第三篇博文和前文中已经介绍了 9 种很赞的扩展语法。其实还有许多对特定人群或特定场景来说比较实用的扩展语法。比如很多 Markdown 工具都支持的代码高亮。又比如 GFM 中的 @mention、#reference、 表情等便于在 GitHub 上进行沟通协作的语法。再比如印象笔记的 Markdown 支持的图表语法。

5、终极扩展之内嵌 HTML

在本系列的第一篇博文中介绍过,Markdown 引擎会把 Markdown 语法转换为 HTML,所以理论上,我们可以在 Markdown 文档中内嵌入任何 HTML 标签,当然也包括 CSS。所以,但如果你是个喜欢折腾的人,那么你还可以用终极大杀器 HTML 来对 Markdown 文档做进一步的个性化扩展或美化。

注意:本文中的 HTML 泛指广义上的 HTML,包括 HTML、XHTML、HTML5 等。

下面就来介绍一下如何在 Markdown 中嵌入 HTML 以及常见的 Markdown 语法所对应的 HTML 标签。

5.1、文本修饰类标签

Markdown 语法与 HTML 中文本修饰类标签的对应关系:

1、Markdown 中的标题对应着 HTML 中的 h 标签。一个*对应<h1>,两个*对应<h2>,以此类推。

2、Markdown 中的粗体强调对应着 HTML 中的<strong>标签。

3、Markdown 中的斜体强调对应着 HTML 中的<em>标签。

4、Markdown 中的删除线对应着 HTML 中的<del>标签。

5、Markdown 中的下划线对应着 HTML 中的<u>标签。

如果你对文本显示效果有更多的要求,可以试一下 HTML 中的<font>标签,因为<font>可以同时规定文本的字体、大小和颜色。

示例一下 HTML 中有文本上标、下标和键盘标签(截自 MarkdownPad2):

Markdown温故知新(4):更多扩展语法及HTML

5.2、内容排版类标签

Markdown 语法与 HTML 中内容排版类标签的对应关系:

1、Markdown 中的行内代码块对应着 HTML 中的<code>标签。

2、Markdown 中的多行代码块对应着 HTML 中的<pre>标签。

3、Markdown 中的有序列表对应着 HTML 中的<ol><li>标签。

4、Markdown 中的无序列表对应着 HTML 中的<ul><li>标签。

5、Markdown 中的引用对应着 HTML 中的<blockquote>标签。

6、Markdown 中的分割线对应着 HTML 中的<hr>标签。

7、Markdown 中的表格对应着 HTML 中的<table>标签。

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/zyjxxs.html