顯然地,這僅適用於程式碼區塊 (<pre><code>
),而不是內嵌程式碼。
你可以在 <pre>
元素上透過 data-line
屬性來指定要突顯的列,格式如下
範例
如果你希望列號從某個數字開始(例如,你希望第 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 來連結到該特定列。
即使在 code
元素之前有一些額外內容。
Some content