以下是含有自訂 HTML 屬性的 Markdown 段落範例:class
、id
和 attribute='value'
。
刊登位置
這是含有自訂內容的 Markdown 段落class
已命名的屬性.LongFoo
。另外還有名為 #next-line
的自訂 id
屬性,可讓您直接連結至該資源。這些屬性已在下一行指定。
這是含有自訂內容的 Markdown 段落class
已命名的屬性.LongFoo
。另外還有名為 #same-line
的自訂 id
屬性,可讓您直接連結至該資源。您必須在同一行指定這些屬性。
這個 Markdown 段落不含自訂屬性。後續段落指定的是自訂屬性,但這類屬性「不會」套用到這個段落,因為這類屬性的前面會先顯示空白行。以下段落具有名為 .LongFoo
的 class
屬性。另外還有名為 #blank-line
的自訂 id
屬性,但不會直接連結至這個屬性。
程式碼時距
這個 code span
具有名為 .CSFoo
的自訂 class
屬性,緊接在結尾的結尾後方,而且中間沒有空格。
程式碼區塊
以下是程式碼區塊中名為 #mysample
的自訂 id
屬性範例,可讓您直接連結至該資源:
print('hello world')
標題
如要將自訂屬性套用至標題 (或段落以外的任何元素),請將屬性置於結尾處。
前往類別屬性標題
此標題具有名為 .customClass
的自訂 class
屬性,會在標題處指定該行。
標題含有錨定錨點
此標題具有名為 #named-heading
的自訂 id
屬性,該屬性也與標題相同,這樣您就可以直接連結到標題。
連結
以下是含有 title
屬性的內嵌連結範例。將滑鼠遊標懸停在連結上時,現在畫面會顯示工具提示。
以下是沒有 title
屬性的其他內嵌連結範例。將滑鼠遊標懸停在連結上時,不會有任何文字。
清單
以下是使用自訂屬性的清單範例:
- 這個清單項目包含一個名為
.ListFoo
的自訂class
屬性,以及名為#first-item
的自訂id
屬性。 - 這個清單項目包含名為
#second-item
的自訂id
屬性。
每個清單項目的自訂 id
可讓您直接連結至第一個清單項目和第二個清單項目。
資料表
這個資料表在標頭列末端有一個名為 .TableFoo
的自訂 class
屬性。
標題 1 | 標題 2 |
---|---|
儲存格 1 | 儲存格 2 |
這個多行資料表的自訂標頭列末端有一個名為 #multi-line
的自訂 id
屬性,因此您可以直接連結至資料表,
Header1 繼續第二行 | Header2 接續第二行 |
---|---|
Cell1 接續第二行 | Cell2 在第二行繼續 |