ウェブサイト改善Tips

番号付きのリストを作成するときol要素を使用しますが、リストの途中にテキストなどを挟んでまたリストの続きをolで記述すると、下記のようにリストの番号がまた1から始まってしまいます。

【html】

<ol>

<li>テキストが入りますテキストが入ります。</li>

<li>テキストが入りますテキストが入ります。</li>

</ol>

<p>テキストが入りますテキストが入りますテキストが入りますテキストが入ります。</p>

<ol>

<li>テキストが入りますテキストが入ります。</li>

<li>テキストが入りますテキストが入ります。</li>

<li>テキストが入りますテキストが入ります。</li>

</ol>

リストの番号を続きから記述したいときは、下記のように続きの最初のliにvalue属性を指定します。

【html】

<ol>

<li>テキストが入りますテキストが入ります。</li>

<li>テキストが入りますテキストが入ります。</li>

</ol>

<p>テキストが入りますテキストが入りますテキストが入りますテキストが入ります。</p>

<ol>

<li value=”3″>テキストが入りますテキストが入ります。</li>

<li>テキストが入りますテキストが入ります。</li>

<li>テキストが入りますテキストが入ります。</li>

</ol>

↑このように、value属性で指定した番号からリストが開始されます。

ツイート