使用する方法

これはコードブロック(<pre><code>)でのみ機能し、インラインコードでは機能しないのは明らかです。

強調する行は、<pre>要素のdata-line属性で、下記のシンプルな書式で指定します

• 単一の数字はその番号の行を示します。
• 範囲は、ハイフン(-)で区切られた2つの数字で示されます
• 複数の行番号または範囲は、コンマで区切られます.
• 空白は任意の場所に許可され、削除されます.

例

5

5行目

1-5

1行目から5行目

1,4

1行目と4行目

1-2, 5, 9-20

1行目から2行目、5行目、9行目から20行目

行番号を一定の数分オフセットしたい場合(例、1行目を1ではなく41にしたい場合、オフセットは40)、data-line-offset属性をさらに使用できます.

次のものをURLハッシュとして使用することで、任意のコードスニペットの特定の行にリンクすることもできます: #{要素 ID}.{行}ここで、{要素 ID}は<pre>要素のIDで、{行}は上記で説明した書式に従う1つまたは複数の行または行範囲です.たとえば、ページにid="play"を持つ要素がある場合、5〜6行にリンクするには#play.5-6にリンクできます.

行番号もコードブロックに対して有効になっていて、<pre>要素にIDがある場合、linkable-line-numbersクラスを<pre>要素に追加できます.これにより、すべての行番号がクリック可能になり、行番号をクリックすると、現在のページのハッシュが変更されてその特定の行にリンクします.