第07節(jié) Markdown列表

2018-08-09 15:16 更新

  列表有兩種:無序列表、有序列表。

無序列表

  以-、+、*這三個字符開頭的行是無序列表項。這三個字符使用任意一個字符都可以,編譯后的結(jié)果是一樣的。

  但是使用*作為列表開頭會與加粗、傾斜這兩種效果沖突,所以盡可能不要用?。?!如果實在必須在一行開頭使用*來表示無序列表,要注意必須在后面跟一個空格(全、半角均可);或者格式化一下。

  例如:

  以+號開頭:

+ 無序列表
+ 無序列表
+ 無序列表

  或者:

  以-號開頭:

- 無序列表
- 無序列表
- 無序列表

  轉(zhuǎn)譯后都會顯示為:

  • 無序列表

  • 無序列表

  • 無序列表

注意:無序列表與加粗可能沖突?。?!

如下面這種寫法會出問題:

* **想加粗顯示的文本**普通文本

  編譯后會呈現(xiàn)下面的效果(視瀏覽器不同而不同):

      • 想加粗顯示的文本**普通文本

  在 IE 瀏覽器中看起來在文本上面會出現(xiàn)一個很大的空行,而且位置還更偏右了。稍有點網(wǎng)頁制作知識的用戶可能以為 CSS 文件出了問題?!@實際上是因為開頭的三個*被解釋成了三級無序列表?。?!有些瀏覽器會顯示前兩級的標(biāo)志(經(jīng)常是圓點),但也有些瀏覽器因為前面兩級列表沒有文本,不顯示這個標(biāo)志——于是看起來就是一個好大的空白。

  麻煩的還不止如此:雙內(nèi)核瀏覽器(例如獵豹)的IE兼容模式與 IE11 的效果就不一樣;Lunar Markdown Editor 自帶的預(yù)覽界面應(yīng)該是調(diào)用IE內(nèi)核,但是它的顯示效果又是另一個樣式。而獵豹的另一個內(nèi)核又呈現(xiàn)一種樣式?。?!

  各家瀏覽器、同一家瀏覽器的不同版本之間對列表的處理竟然如此不同!這真是令人不知道該說什么了!

  那么,碰到這個情況怎么處理呢?

  答案很簡單——別在列表開頭用加粗效果就成了。

有序列表

  有序列表由數(shù)字開頭,后跟句點(或.,也可以是、)。

  例如:

11.有序列表項1
1.有序列表項2
1.有序列表項3

  數(shù)字不能省略,但順序可以是亂的,編譯后順序自然就是正確的了。

  轉(zhuǎn)譯后會顯示為:

  1. 有序列表項1

  2. 有序列表項2

  3. 有序列表項3

如何防止出現(xiàn)意外的有序列表?

  下面這行 Markdown 文本:

1986.04,發(fā)生了一件事情...

  會被解釋為有序列表:

  1. 04,發(fā)生了一件事情...

  但是顯然,這并不是個列表項。怎么才能避免它被解釋為有序列表項呢?對.進(jìn)行一下轉(zhuǎn)義即可:

1986\.04,發(fā)生了一件事情...

  這樣就會顯示成:

1986.04,發(fā)生了一件事情...

嵌套列表

列表可以嵌套,例如:

+ 嵌套列表項1  
    + 嵌套列表項2  
+ 嵌套列表項3  
    + 嵌套列表項4  
        + 嵌套列表項5  

轉(zhuǎn)譯后會顯示為:

  • 嵌套列表項1

    • 嵌套列表項2
  • 嵌套列表項3

    • 嵌套列表項4

      • 嵌套列表項5

3.1.注意

嵌套列表、引用、代碼塊都涉及 Tab 符或空格縮進(jìn),很容易混淆,高亮顯示也是不準(zhǔn)確的。因此建議不要同時使用這三種元素。

以上內(nèi)容是否對您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號