2017-02-10 50 views
1

以下HTML的Markdown等效項是什麼?Markdown子列表位於子彈點的中間而不是末尾

<ul><li>Here is a bullet point</li> 
 
    <li>Here is another bullet point; it has sub-points: 
 
     <ul><li>subpoint 1</li> 
 
     <li>subpoint 2</li> 
 
     <li>subpoint 3</li></ul> 
 
    but then continues with the original bullet point</li> 
 
    <li>and here's one more point just to drive it home</li> 
 
    </ul>

我似乎無法有「......但隨後...繼續」位保持在一個封裝子列表相同的子彈點。我已經試過這幾個變化:

* Here is a bullet point 
* Here is another bullet point; it has sub-points: 
    * subpoint 1 
    * subpoint 2 
    * subpoint 3 
    but then continues with the original bullet point 
* and here's one more point just to drive it home 

與不同的縮進水平「but then」,但不管是什麼,要麼以「subpoint 3」加入或者它只是變得子彈點下另一個孩子縮進。特定的行爲也會根據我使用的Markdown的風格而有所不同。

這是否太複雜,無法封裝在Markdown中,並且是一種情況,我應該只使用內聯HTML代替?

回答

2

您需要包括一些空行來告訴降價何時開始的列表中,當結束列表,當啓動一個段落(這不在列表中)等...

* Here is a bullet point 
* Here is another bullet point; it has sub-points: 

    * subpoint 1 
    * subpoint 2 
    * subpoint 3 

    but then continues with the original bullet point 

* and here's one more point just to drive it home 

哪呈現爲:

<ul> 
    <li>Here is a bullet point</li> 
    <li> 
     <p>Here is another bullet point; it has sub-points:</p> 
     <ul> 
      <li>subpoint 1</li> 
      <li>subpoint 2</li> 
      <li>subpoint 3</li> 
     </ul> 
     <p>but then continues with the original bullet point</p> 
    </li> 
    <li> 
     <p>and here's one more point just to drive it home</p> 
    </li> 
</ul> 

,關鍵是要覺得一切嵌套在列表項是被從文檔的其餘部分縮進四個空格自己的獨立降價文件。在這種情況下,您需要在最後一個列表項目和後面的段落之間添加一個空行,所以您也可以在這裏執行。

有一點需要注意的是,這個產生的輸出包含了你現在有一個「懶惰列表」的副作用。也就是說,列表項的內容現在被包裝在<p>標籤中。這是嚴格執行在rules

如果列表中的項目是由空行分隔,降價將包裝在HTML輸出<p>標籤的項目。

如果你不想額外的<p>標籤,那麼你不能有一個以上的塊級元素嵌套在列表項中。

最後,我會注意到在上面的例子中,第一個列表項沒有得到<p>標籤。雖然在規則中沒有記載這種或那種方式,但這是原始參考實現的行爲(只列出了與空白行(空白行前後的項目)相關的項目)獲取<p>標籤)。雖然有些實現已經複製了這種行爲,但並不是每個實例都有,並且存在各種不同的邊界案例。爲了保持實現的一致性,如果我需要在列表中的任何位置使用空行,我認爲在每個列表項之間包含一個空白行是一種很好的做法。因此,我這樣做:

* Here is a bullet point 

* Here is another bullet point; it has sub-points: 

    * subpoint 1 
    * subpoint 2 
    * subpoint 3 

    but then continues with the original bullet point 

* and here's one more point just to drive it home 

哪個應該更一致的呈現:

<ul> 
    <li> 
     <p>Here is a bullet point</p> 
    </li> 
    <li> 
     <p>Here is another bullet point; it has sub-points:</p> 
     <ul> 
      <li>subpoint 1</li> 
      <li>subpoint 2</li> 
      <li>subpoint 3</li> 
     </ul> 
     <p>but then continues with the original bullet point</p> 
    </li> 
    <li> 
     <p>and here's one more point just to drive it home</p> 
    </li> 
</ul> 
+0

謝謝!這並不完全符合我所要做的語義,但我懷疑我的語義無論如何都不是有效的HTML,並且在一天結束時它至少看起來是正確的。 – fluffy

相關問題