ul要素

ul要素は、順不同リストを示す要素。

カテゴリー フロー・コンテンツ。パルパブル・コンテンツ(1個以上のli要素を含む場合)。
コンテキスト フロー・コンテンツを内包できる要素内で使用できる。
コンテンツ・モデル 0個以上のli要素を内包できる。
属性 グローバル属性
ブラウザ対応

構文

<ul></ul>

要点

  • ul要素は、順不同リストを示す要素である。
  • ul要素内のリスト項目は、li要素で括る。
  • リストは、入れ子にし、多階層にすることもできる。

サンプルコード

<ul>
	<li>リスト項目</li>
	<li>リスト項目</li>
	<li>リスト項目</li>
</ul>

入れ子(ネスト)

入れ子にする場合は、li要素内にul要素を配置する。

<ul>
	<li>項目</li>
	<li>
		項目
		<ul>
			<li>項目</li>
			<li>項目</li>
			<li>項目</li>
		<ul>
	</li>
	<li>項目</li>
<ul>

サンプル

1階層

HTMLソースコード
<ul>
	<li>項目</li>
	<li>項目</li>
	<li>項目</li>
</ul>
実際の表示
  • 項目
  • 項目
  • 項目

多階層

HTMLソースコード
<ul>
	<li>項目</li>
	<li>
		項目
		<ul>
			<li>項目</li>
			<li>
				項目
				<ul>
					<li>項目</li>
					<li>項目</li>
					<li>項目</li>
				</ul>
			</li>
			<li>項目</li>
		</ul>
	</li>
	<li>項目</li>
</ul>
実際の表示
  • 項目
  • 項目
    • 項目
    • 項目
      • 項目
      • 項目
      • 項目
    • 項目
  • 項目