<li>: LI 要素
最終更新：2026-10-13
<li>LI 要素
<li>（リスト項目）要素は <ul> または <ol> 内の項目を表します。番号付きリストでは value 属性で項目の番号を上書きできます。
| カテゴリ | リスト |
|---|---|
| コンテンツモデル | フローコンテンツ |
| 許可される親要素 | <ul>、<ol>、<menu> |
| 閉じタグ | 必要 </li> タグ |
| ステータス | 標準 |
📝 構文
<li>リスト項目の内容</li>⚙️ 属性
この要素はグローバル属性に加え、以下の属性をサポートします：
| 属性 | 値 | 説明 |
|---|---|---|
value | Number | Only valid in ordered lists; overrides the item's number. |
▶ サンプル
下のコードを編集して、playground でリアルタイム結果を確認：
🌐 ブラウザサポート
| ブラウザ |  Chrome |
 Edge |
 Firefox |
 Safari |
 Opera |
|---|---|---|---|---|---|
| <li> | ✓ v1 | ✓ v12 | ✓ v1 | ✓ v1 | ✓ v1 |
| すべての主要ブラウザでサポート | |||||
❓ よくある質問
Qli は単独で使えますか？
A使えません。
<li> は <ul>、<ol>、<menu> の子要素にしかなれず、ページに直接置くのは無効な HTML です。解析時に、孤立した li は直近のリストに付けられるか、構造ごと捨てられます。Qli の value 属性は何のためですか？
A
<ol> の li にだけ効きます。<li value='5'> はその項目の番号を5から始め、以降の項目が続きます。番号が途中で切れたチュートリアルの手順を繋ぎ直すのに向いています。ul の中の li に value を書いても無効です。Qli の中に別のリストを入れ子にできますか？
Aできます。入れ子のリストは li の内側に置きます（
<li>カテゴリー<ul>…</ul></li>）。多段メニューやディレクトリツリーを作れます。入れ子の ul は li の中に完全に包む必要があり、外に出すと上位のリスト構造が壊れます。🏷️ 関連タグ
💡 関連ケース
📚 関連チュートリアル
