第07節(jié) Markdown列表

2018-08-09 15:16 更新

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

無序列表

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

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

  例如:

  以+號(hào)開頭:

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

  或者:

  以-號(hào)開頭:

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

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

  • 無序列表

  • 無序列表

  • 無序列表

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

如下面這種寫法會(huì)出問題:

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

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

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

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

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

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

  那么,碰到這個(gè)情況怎么處理呢?

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

有序列表

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

  例如:

11.有序列表項(xiàng)1
1.有序列表項(xiàng)2
1.有序列表項(xiàng)3

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

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

  1. 有序列表項(xiàng)1

  2. 有序列表項(xiàng)2

  3. 有序列表項(xiàng)3

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

  下面這行 Markdown 文本:

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

  會(huì)被解釋為有序列表:

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

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

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

  這樣就會(huì)顯示成:

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

嵌套列表

列表可以嵌套,例如:

+ 嵌套列表項(xiàng)1  
    + 嵌套列表項(xiàng)2  
+ 嵌套列表項(xiàng)3  
    + 嵌套列表項(xiàng)4  
        + 嵌套列表項(xiàng)5  

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

  • 嵌套列表項(xiàng)1

    • 嵌套列表項(xiàng)2
  • 嵌套列表項(xiàng)3

    • 嵌套列表項(xiàng)4

      • 嵌套列表項(xiàng)5

3.1.注意

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

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

掃描二維碼

下載編程獅App

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

編程獅公眾號(hào)