深入了解下 Markdown 的原理

前面讲了 Markdown 的基本语法，常见的 Markdown 编辑器，在继续讲解其他知识之前，有必要稍微深入了解一下 Markdown 与 HTML 的关系。

‍

‍

HTML 简介

什么是 HTML？其实它也是标记语言的一种，但是比 Markdown 更重量级一点，语法更复杂一点。

举例，在 Markdown 中，想要表示某段文字是标题，用的是井号 #​，而在 HTML 中，则要用 <h1>​，例如：

<h1>一级标题</h1> 
<h2>二级标题</h2> 
<h3>三级标题</h3> 
<h4>四级标题</h4> 
<h5>五级标题</h5> 
<h6>六级标题</h6>

‍

如果要斜体，用 HTML 要这样写：

<i> 这是斜体字 </i>

‍

如果是图片，用 HTML 要这样写：

<img src="https://image.peterjxl.com/wife.jpg" alt="Smiley face" width="42" height="42">

‍

HTML 的语法大致就是这样，比起 Markdown 复杂了不少。

HTML 其实也是纯文本，编程人员用 HTML 设计好网页，经过浏览器的渲染后，就是我们平时上网时看到的网页了。

是不是和 Markdown 很像？写作者用 Markdown 写文章，经过 Markdown 编辑器渲染，得到带格式的文章。

‍

‍

‍

Markdown 与 HTML

Markdown 其实和 HTML 有着千丝万缕的关系，Markdown 在渲染后其实就是 HTML 格式！可以说，Markdown 就是脱胎于 HTML 的。

反过来，在 Markdown 中是可以直接用大部分的 HTML 的，例如使用 <i>​表示斜体，<img>​ 表示图片...

为此，我们甚至可以在 Markdown 中，通过使用 HTML 来嵌入音频、视频（包括 bilibli，youtube）、地图、Office 文档等等，非常灵活。

例如我就有一些文章就嵌入了音频，点击就可以直接发音：

‍

‍

复杂表格也是同理，有时候想要合并某些单元格，但是 Markdown 不支持，因此可以用 HTML 的 <table>​ 标签。

‍

最后

如果你不了解 HTML，那么可以先忽略这篇博客，后续要用到了再说。

其实了解了本篇之前的几篇教程，基本上就可以上手使用 Markdown 了，高级技巧用到再学也不迟。