新米エンジニアの失敗再発防止メモ

自分そしてこの世界の皆が、同じ失敗をしないためのメモ

Twitterやってます!@rakuton_t
欲しいものリストのブタメンを送ってくれた方、ありがとうございます!

dtタグ、ddタグを使ってうまくいかないとき

dtタグ・ddタグはdlタグの中で使う。

<dl>
	<dt>小タイトル</dt>
	<dd>コンテンツ</dd>
</dl>

dlタグのブロック要素の中でも使うことができるのだが、、、
以下のように、ddタグ・dtタグの中に書くような使い方はできない。

<dl>
	<dt>小タイトル</dt>
	<dd>
		<dt>小々タイトル</dt>
		<dd>コンテンツ</dd>
		<dt>小々タイトル</dt>
		<dd>コンテンツ</dd>
	</dd>
</dl>

もしするとしたらこうである。

<dl>
	<dd>
		<dt>小タイトル</dt>
		<dl>
			<dt>小々タイトル</dt>
			<dd>コンテンツ</dd>
			<dt>小々タイトル</dt>
			<dd>コンテンツ</dd>
		</dl>
	</dd>
</dl>

ddタグとdtタグの中では、特別使えないタグはないので、dlタグを中で更に使うのも大丈夫ということです。

ちなみに、こういうのは可能でです。

<dl>
	<div>
		<dt>小タイトル</dt>
		<dl>
			<dt>小々タイトル</dt>
			<dd>コンテンツ</dd>
			<dt>小々タイトル</dt>
			<dd>コンテンツ</dd>
		</dl>
	</div>
</dl>

dlタグの中のdd・dt以外のタグの中でdd・dtタグを使うのは全然可能です。

私の記事が役に立ったら、どうぞ何か買ってください!→ Amazon欲しいものリスト