第01節(jié) 什么是 Markdown?

2018-06-13 11:07 更新

Markdown 的定義

  Markdown 是一種簡(jiǎn)單的標(biāo)記語(yǔ)言,它可以被編譯成 Html 頁(yè)面,或者也可以單獨(dú)以純文本的形式呈現(xiàn)。

  • Markdown 的目標(biāo)是實(shí)現(xiàn)“易讀易寫”
  對(duì)于 Markdown 文檔來(lái)說(shuō),可讀性是最重要的。
  一份使用 Markdown 格式撰寫的文件應(yīng)該可以直接以純文本發(fā)布,并且看起來(lái)不會(huì)像是由許多標(biāo)簽或是格式指令所構(gòu)成。
  Markdown 語(yǔ)法受到一些既有 text-to-HTML 格式的影響,包括 Setext、atx、Textile、reStructuredText、Grutatext 和 EtText,而最大靈感來(lái)源其實(shí)是純文本電子郵件的格式。
  總之, Markdown 的語(yǔ)法全由一些符號(hào)所組成,這些符號(hào)經(jīng)過精挑細(xì)選,其作用一目了然。
  比如:在文字兩旁加上星號(hào),看起來(lái)就像*強(qiáng)調(diào)*。Markdown 的列表看起來(lái)就是列表。Markdown 的區(qū)塊引用看起來(lái)就真的像是引用一段文字,就像你曾在電子郵件中見過的那樣。
  • 兼容 HTML
  Markdown 語(yǔ)法的目標(biāo)是:成為一種適用于網(wǎng)絡(luò)的書寫語(yǔ)言。
  Markdown 的設(shè)計(jì)初衷不是想取代 HTML的地位。Markdown 的語(yǔ)法種類很少,只對(duì)應(yīng) HTML 標(biāo)記的一小部分。
  有些開發(fā)者認(rèn)為 Markdown 的意義并不是使 HTML 文檔更容易書寫。他們認(rèn)為 HTML 已經(jīng)很容易寫了。但實(shí)際上對(duì)于一個(gè)新手,要寫 Html 仍然是個(gè)很困難的事情。而且,在學(xué)懂 Html 和 CSS 之前,也沒辦法用 Emmet 這樣快速書寫 Html 和 CSS 的神器。
  正是由于 Html 其實(shí)足夠復(fù)雜,所以Markdown 的`讓文檔更容易讀、寫和隨意改`的理念就更有價(jià)值了。
  HTML 是一種發(fā)布的格式,Markdown 是側(cè)重于是一種書寫的格式。
  所以,Markdown 的格式語(yǔ)法只涵蓋純文本可以涵蓋的范圍,它也不追求寫特別復(fù)雜的頁(yè)面。

在 Markdown 中使用 Html 標(biāo)簽

  Markdown 沒有定義的 Html 標(biāo)簽,都可以直接在 Markdown 文檔中書寫。
  但是一些 HTML 區(qū)塊元素――比如 <div>、<table>、<pre>、<p> 等標(biāo)簽,必須在前后加上空行與其它內(nèi)容區(qū)隔開,還要求它們的開始標(biāo)簽與結(jié)尾標(biāo)簽不能用制表符或空格來(lái)縮進(jìn)。
  因?yàn)橐运膫€(gè)空格或以一個(gè)制表符開頭的行會(huì)被當(dāng)作代碼塊——而代碼塊會(huì)原樣輸出到 Html 中。
  例子如下,在 Markdown 文件里加上一段 HTML 表格:
這是一個(gè)普通段落。

<table>
    <caption>表格示例標(biāo)題</caption>
    <tr>
        <th>表頭01</th>
        <th>表頭02</th>
    </tr>
    <tr>
        <td>單元格01</td>
        <td>單元格02</td>
    </tr>
    <tr>
        <td>單元格03</td>
        <td>單元格04</td>
    </tr>
</table>

這是另一個(gè)普通段落。
  編譯成 Html 網(wǎng)頁(yè),會(huì)顯示成這樣:

表格示例標(biāo)題
表頭01 表頭02
單元格01 單元格02
單元格03 單元格04

  請(qǐng)注意,在 HTML 區(qū)塊標(biāo)簽間的 Markdown 格式語(yǔ)法將不會(huì)被處理。比如,你在 HTML 區(qū)塊內(nèi)使用 Markdown 樣式的`*強(qiáng)調(diào)*`會(huì)沒有效果。
  HTML 的區(qū)段(行內(nèi))標(biāo)簽如 <span>、<cite>、<del> 可以在 Markdown 的段落、列表或是標(biāo)題里隨意使用。依照個(gè)人習(xí)慣,甚至可以不用 Markdown 格式,而直接采用 HTML 標(biāo)簽來(lái)格式化。舉例說(shuō)明:如果比較喜歡 HTML 的 <a> 或 <img> 標(biāo)簽,可以直接使用這些標(biāo)簽,而不用 Markdown 提供的鏈接或是圖像標(biāo)簽語(yǔ)法。

  和處在 HTML 區(qū)塊標(biāo)簽間不同,Markdown 語(yǔ)法在 HTML 區(qū)段標(biāo)簽間是有效的。

  例如:
這是帶<span style="color:red;">色彩并**加粗**</span>文本。
  編譯為 Html 會(huì)呈現(xiàn)為這樣:


這是帶色彩并加粗文本。


  如果是簡(jiǎn)單的二維文字表,可以不使用 Html 標(biāo)簽,而是簡(jiǎn)單地寫成下面這樣:
    |   表格示例標(biāo)題   |
    | 表頭01 | 表頭02 |
    |:------|:-------|
    |單元格01|單元格02|
    |單元格03|單元格04|
  編譯成 Html 后的效果會(huì)是這樣:
表格示例標(biāo)題
表頭01 表頭02
單元格01 單元格02
單元格03 單元格04
以上內(nèi)容是否對(duì)您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)