自訂 HTML 屬性

以下是含有自訂 HTML 屬性的 Markdown 段落範例:classidattribute='value'

刊登位置

這是含有自訂內容的 Markdown 段落class已命名的屬性.LongFoo。另外還有名為 #next-line 的自訂 id 屬性,可讓您直接連結至該資源。這些屬性已在下一行指定。

這是含有自訂內容的 Markdown 段落class已命名的屬性.LongFoo。另外還有名為 #same-line 的自訂 id 屬性,可讓您直接連結至該資源。您必須在同一行指定這些屬性。

這個 Markdown 段落不含自訂屬性。後續段落指定的是自訂屬性,但這類屬性「不會」套用到這個段落,因為這類屬性的前面會先顯示空白行。以下段落具有名為 .LongFooclass 屬性。另外還有名為 #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 在第二行繼續