使用方式

顯然地,這僅適用於程式碼區塊 (<pre><code>),而不是內嵌程式碼。

你可以在 <pre> 元素上透過 data-line 屬性來指定要突顯的列,格式如下

範例

5
第 5 列
1-5
第 1 到第 5 列
1,4
第 1 列和第 4 列
1-2, 5, 9-20
第 1 到第 2 列、第 5 列、第 9 到第 20 列

如果你希望列號從某個數字開始(例如,你希望第 1 列從 41 開始編號,而不是 1,也就是偏移量 40),你可以另外使用 data-line-offset 屬性。

你也可以連結到任何程式碼片段的特定列,方法是使用以下字串作為 URL hash:#{element-id}.{lines},其中 {element-id}<pre> 元素的 id,而 {lines} 為一個或多個列或列範圍,格式遵循上述說明。例如,如果頁面中有 id 為 "play" 的元素,你可以透過連結到 #play.5-6 來連結到第 5 到第 6 列。

如果程式碼區塊也啟用了列號,而 <pre> 元素有 id,你可以將 linkable-line-numbers 類別新增到 <pre> 元素。這會讓所有列號都可點擊,並且在點擊任何列號時,它會變更目前頁面的 hash 來連結到該特定列。

範例

第 2 列



	

第 15 到第 25 列



	

第 1 列、第 3 到第 4 列和第 42 列



	

第 43 列,從第 41 列開始



	

連結範例

相容於 列號



	

即使在 code 元素之前有一些額外內容。

Some content

有可連結列號