Markdown內嵌Html語言

概述

Markdown是內嵌Html語言的，這使得咱們能夠在Markdown文檔裏面實現不少有趣的東西。如今記錄在此，供本身之後參考，相信對其餘人也有用。css

介紹

Markdown的語法只有一個目標：做爲在網上書寫的一種格式。html

Html是一種方便出版的格式，Markdown是一種方便書寫的格式，所以Markdown語法只規定了那些適用於純文本的情形。markdown

對於那些Markdown語法沒有規定的情形，能夠直接在Markdown裏面使用Html語法。只有2點限制：(1)Html的塊級元素必須用空行和Markdown的內容分隔開。(2)Html標籤先後沒有空格。spa

注意: 想要了解更多內容請點擊這裏。.net

縮進

能夠使用Html中的轉義字符。好比縮進：&emsp;&emsp;excel

&emsp;&emsp;Roses are blue

會被渲染爲：code

Roses are bluehtm

換行

標準的Markdown語法規定了2個空格表示換行。ip

可是你也能夠使用</br>標籤換行。文檔

Roses are blue</br>Violets are red

會被渲染爲：

Roses are blue</br>Violets are red

刪除線

能夠使用刪除線標籤<s></s>。

Roses are <s>Blue</s>

會被渲染爲：

Roses are <s>Blue</s>

分割線

能夠使用分割線標籤<hr>。

分割線上面
<hr>
分割線下面

會被渲染爲：

分割線上面

<hr> 分割線下面

上下標

能夠使用上標標籤<sup></sup>和下標標籤<sub></sub>。

n<sup>2</sup> + 2n + 1 = 0

H<sub>2</sub>O

會被渲染爲：

n<sup>2</sup> + 2n + 1 = 0

H<sub>2</sub>O

高亮

能夠使用高亮標籤<mark></mark>。

這是<mark>高亮文本</mark>

會被渲染爲：

這是<mark>高亮文本</mark>

表格

能夠使用表格標籤。

表格與Html代碼的轉換器：點這裏

<table class="table table-bordered table-striped table-condensed">
   <tr>
      <td>John</td>
      <td>Smith</td>
      <td>123 Main St.</td>
      <td>Springfield</td>
   </tr>
   <tr>
      <td>Mary</td>
      <td>Jones</td>
      <td>456 Pine St.</td>
      <td>Dover</td>
   </tr>
   <tr>
      <td>Jim</td>
      <td>Baker</td>
      <td>789 Park Ave.</td>
      <td>Lincoln</td>
   </tr>
</table>

會被渲染爲：

<table class="table table-bordered table-striped table-condensed"> <tr> <td>John</td> <td>Smith</td> <td>123 Main St.</td> <td>Springfield</td> </tr> <tr> <td>Mary</td> <td>Jones</td> <td>456 Pine St.</td> <td>Dover</td> </tr> <tr> <td>Jim</td> <td>Baker</td> <td>789 Park Ave.</td> <td>Lincoln</td> </tr> </table>

iframe標籤

是的，你沒有看錯，在Markdown裏面也能夠直接使用iframe標籤

下面是一個簡單的演示圖

<p><iframe style="width: 100%; height: 120px;" src="https://demo.xiaohuochai.site/css/transition/t18.html" frameborder="0" width="320" height="240"></iframe></p>

會被渲染爲：

下面是一個演示器

<p><iframe style="width: 100%; height: 300px;" src="https://demo.xiaohuochai.site/css/transition/t4.html" frameborder="0" width="320" height="240"></iframe></p>

會被渲染爲：