[HTML] ul/ol、liタグの入れ子：liのなかにul/olを入れる【ウェブ】

2017 年 10 月 15 日2019 年 10 月 10 日

「見た目が入れ子だから、タグも入れ子」と覚える。

HTML

<ul>
	<li>1</li>
	<li>2
		<ul>
			<li>a</li>
			<li>b</li>
		</ul>
	</li>
	<li>3</li>
</ul>

表示

• 1
• 2
  • a
  • b
• 3

タブや空白でインデントをつけて整形すると見た目上違和感があるが、liタグ内部における前後の空白文字はすべて表示されないのでHTMLとしてはなんら問題ない。

（参考：HTML ソース上の改行・タブ・空白（スペース）の扱い――インライン要素とブロック要素 | Ouka Studio）