li 要素リストの項目を表す

li 要素はリストの項目を表します。

li 要素が ol 要素の子要素として使用される場合のみ、value 属性によってリストマーカーに表示する数字を指定することができます。指定できる値は、算用数字による整数でなければなりません。

li 要素の仕様

カテゴリ
  • なし
コンテンツモデル
この要素を使用できる文脈
この要素で使用できる属性

value 属性は ol 要素の子要素として li 要素が使用される場合のみ使用できます。

li 要素のサンプルソース

<nav role="navigation">
 <ul>
  <li><a href="/">トップページ</a></li>
  <li><a href="/news/">ニュース</a></li>
  <li><a>事例紹介</a></li>
  <li><a href="/legal/" target="_blank">使用許諾条件</a></li>
 </ul>
</nav>
<h1>好きな要素トップ 10 ランキング</h1>
<ol>
 <li value="10">menu 要素</li>
 <li value="9">hgroup 要素</li>
 <li value="8">form 要素</li>
 <li value="7">hr 要素</li>
 <li value="6">img 要素</li>
 <li value="4">main 要素</li>
 <li value="4">h1 要素</li>
 <li value="2">section 要素</li>
 <li value="2">article 要素</li>
 <li value="1">a 要素</li>
</ol>

主要ブラウザの対応

IE11
Edge(EdgeHTML)
Edge(Chromium)
Chrome
Firefox
Safari
iOS Safari
Android Chrome

仕様書の該当箇所

4.4.8 The li element

用途から目的の要素を探す

用途から HTML5 の要素を逆引きできます。

テキストに対する意味づけを行いたい
テキストの編集を示したい
改行や折り返しを指定したい
上付きや下付きを指定したい
テキストの書字方向を制御したい
テキストにルビをふりたい
箇条書きなどリストを表したい
セクションを定義したい
コンテンツをグループ化したい
画像や映像などを埋め込みたい
スクリプトやスタイルを埋め込みたい
フォーム関連の要素
テーブル関連の要素
ドキュメントにメタデータを付与したい
インタラクティブな要素
その他

このページの上部へ