Webエンジニア向けプログラミング解説動画をYouTubeで配信中!
▶ チャンネル登録はこちら

【HTML Living Standard】li要素の使い方

li要素の使い方について、初心者にもわかりやすく解説します。

作成日: 更新日:

基本的な使い方

liオブジェクトは、HTMLドキュメントにおいて、順序付きリスト(<ol>)または順序なしリスト(<ul>)の個々の項目(リストアイテム)を定義するために使用されるオブジェクトです。この要素は、ウェブページ上で情報やコンテンツを構造化し、読みやすく整理された形で提示する際に非常に重要な役割を果たします。

具体的には、<ol>要素または<ul>要素の直接の子要素として配置されます。<ol>要素内で<li>が使用された場合、ブラウザは通常、各項目に自動的に番号を付与して表示します。一方、<ul>要素内で<li>が使用された場合、各項目は一般的に箇条書きの点(黒丸など)が付けられて表示されます。

また、<li>要素は、<ol>の子要素として使用される場合に限り、value属性を持つことができます。このvalue属性を使用することで、そのリストアイテムから始まる項目の番号を明示的に指定することが可能です。これにより、リストの途中で番号付けを特定の数値から再開したり、リストの順序を中断して異なる番号で開始したりするような柔軟な表示が実現できます。

<li>要素は、ナビゲーションメニューの項目、手順の説明、用語の列挙など、多様な種類のリストを表現するために広く利用されており、ウェブコンテンツのセマンティクス(意味)とアクセシビリティ(利用しやすさ)を高める上で不可欠な要素となっています。

公式リファレンス: <li>: The List Item element

構文(syntax)

1<li>リストアイテムのテキスト</li>

引数(parameters)

引数なし

引数はありません

戻り値(return)

戻り値なし

戻り値はありません

関連コンテンツ