W3Cschool
恭喜您成為首批注冊(cè)用戶
獲得88經(jīng)驗(yàn)值獎(jiǎng)勵(lì)
列表有兩種:無序列表、有序列表。
以-
、+
、*
這三個(gè)字符開頭的行是無序列表項(xiàng)。這三個(gè)字符使用任意一個(gè)字符都可以,編譯后的結(jié)果是一樣的。
但是使用*
作為列表開頭會(huì)與加粗、傾斜
這兩種效果沖突,所以盡可能不要用?。?!如果實(shí)在必須在一行開頭使用*
來表示無序列表,要注意必須在后面跟一個(gè)空格(全、半角均可);或者格式化一下。
例如:
以+
號(hào)開頭:
+ 無序列表
+ 無序列表
+ 無序列表
或者:
以-
號(hào)開頭:
- 無序列表
- 無序列表
- 無序列表
轉(zhuǎn)譯后都會(huì)顯示為:
無序列表
無序列表
無序列表
如下面這種寫法會(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ì)顯示為:
有序列表項(xiàng)1
有序列表項(xiàng)2
有序列表項(xiàng)3
下面這行 Markdown 文本:
1986.04,發(fā)生了一件事情...
會(huì)被解釋為有序列表:
但是顯然,這并不是個(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)3
嵌套列表項(xiàng)4
嵌套列表、引用、代碼塊都涉及 Tab 符或空格縮進(jìn),很容易混淆,高亮顯示也是不準(zhǔn)確的。因此建議不要同時(shí)使用這三種元素。
Copyright©2021 w3cschool編程獅|閩ICP備15016281號(hào)-3|閩公網(wǎng)安備35020302033924號(hào)
違法和不良信息舉報(bào)電話:173-0602-2364|舉報(bào)郵箱:jubao@eeedong.com
掃描二維碼
下載編程獅App
編程獅公眾號(hào)
聯(lián)系方式:
更多建議: