<li></li>

更新日
仕様 HTML Living Standard
分類 ---
利用場所 ol要素、ul要素、またはmenu要素の子要素として
内容 フロー・コンテンツ

li要素は、リストの項目を表します。この要素は、ol要素、ul要素、またはmenu要素の子要素として使用します。


<ul>
<li>リスト項目A</li>
<li>リスト項目B</li>
<li>リスト項目C</li>
</ul>
属性 値
任意属性 （ol要素内で使用可能）
value="" 項目の番号 数値 任意の数字
  • ol要素内に置かれたli要素にのみ、value属性を指定することができます。（ul要素やmenu要素内では使用できません）

value属性の詳細については、下記のページを参考にしてください。

旧HTMLからの変更点
  • HTML5：type属性が廃止され、value属性が非推奨ではなくなりました。
  • HTML LS：menu要素内に配置できるようになりました。

使用例

ol要素内で使用した例

<ol>
<li>リスト項目1</li>
<li>リスト項目2</li>
<li>リスト項目3</li>
</ol>
表示例
  1. リスト項目1
  2. リスト項目2
  3. リスト項目3
ul要素内で使用した例

<ul>
<li>リスト項目A</li>
<li>リスト項目B</li>
<li>リスト項目C</li>
</ul>
表示例
  • リスト項目A
  • リスト項目B
  • リスト項目C
menu要素内で使用した例

<menu>
<li><button onclick="alert('操作A')">操作項目A</button></li>
<li><button onclick="alert('操作B')">操作項目B</button></li>
<li><button onclick="alert('操作C')">操作項目C</button></li>
</menu>
表示例
    •