HTMLタグの”list要素”に関するリストです。その名の通りタグで囲まれたテキストを一覧にして表示します。
標準は行頭に”●”が付きインデントされて表示されます。使い方も多種多様でSEOの観点から見ても重要なタグです。

HTMLタグのリスト要素に関するリスト

マークリスト（UL）の基本構成

• <ul>（マークリスト）
• <li>（リスト項目）

連番リスト（OL）の基本構成

• <ol>（連番リスト）
• <li>（リスト項目）

定義リスト（DL）の基本構成

• <dl>（定義リスト）
• <dt>（リスト見出し）
• <dd>（リスト内容）

マークリスト（ul要素）の基本構成

<ul>

マーク付のリストボディを作成する。この<ul></ul>の中にリスト項目を任意の数だけ追加する。

<li>

行を作成する。この<li></li>の中に表示させたいブロック要素/インライン要素を記述。デフォルトでは行頭に”●”が付けられる。
この要素の中に入れ子でリストを含めていくことで複雑なリストを作成することもできる。

サンプルリスト｜UL要素

• 項目１
• 項目２
• 項目３

<ul>
	<li>項目１</li>
	<li>項目２</li>
	<li>項目３</li>
</ul>

連番リスト（ol要素）の基本構成

<ol>

連番付のリストボディを作成する。この<ol></ol>の中にリスト項目を任意の数だけ追加する。

<li>

行を作成する。この<li></li>の中に表示させたいブロック要素/インライン要素を記述。デフォルトでは行頭に”1″が付けられる。
この要素の中に入れ子でリストを含めていくことで複雑なリストを作成することもできる。

サンプルリスト｜OL要素

1. 項目１
2. 項目２
3. 項目３

<ol>
	<li>項目１</li>
	<li>項目２</li>
	<li>項目３</li>
</ol>

定義リスト（dl要素）の基本構成

<dl>

定義のリストボディを作成する。この<dl></dl>の中にリスト項目を任意の数だけ追加する。<dt>見出し</dt>の説明は<dd>内容</dd>となる。

いくつもの見出し（dt要素）と内容（dd要素）を含めることができる。ただし<dt>のみを記述することは避けたほうが良い。

<dt>

見出しを定義する。この<dt></dt>の中に表示させたいインライン要素を記述。
この要素はインライン要素のためブロック要素は含めることができない。

<dd>

見出しを定義する。この<dd></dd>の中に表示させたい要素を記述。
ブロック要素/インライン要素ともに記述できる。

サンプルリスト｜DL要素

見出しA

内容１

内容２

見出しB

内容１

<dl>
	<dt>見出しA</dt>
		<dd>内容１</dd>
		<dd>内容２</dd>
	<dt>見出しB</dt>
		<dd>内容１</dd>
</dl>