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

2018-06-13 11:07 更新

Markdown 的定義

  Markdown 是一種簡單的標記語言,它可以被編譯成 Html 頁面,或者也可以單獨以純文本的形式呈現(xiàn)。

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

在 Markdown 中使用 Html 標簽

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

<table>
    <caption>表格示例標題</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>

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

表格示例標題
表頭01 表頭02
單元格01 單元格02
單元格03 單元格04

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

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

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


這是帶色彩并加粗文本。


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

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號