HTML

The dt element in HTML is a tag used within definition lists to indicate terms or item names.

dt 要素

 HTMLの dt要素は、定義リスト(dl)内で使用され、用語や項目名を表します。これに続く dd要素で、その用語の説明や定義を記述します。つまり、dtと ddを組み合わせることで、項目とその詳細な情報をペアとしてリスト化できます。

 なお、用語定義の用語に dt要素を使う場合がありますが、dt要素だけでは用語定義の用語を完全に表すわけではありません。用語定義を明確に示す場合は、dt要素の中で dfn要素を使う必要がありますのでご注意ください。

Sample

HTML

<dl>
	<dt>HTML</dt>
	<dd>ウェブページを作成するためのマークアップ言語。</dd>
	<dt>CSS</dt>
	<dd>ウェブページのスタイルを指定するための言語。</dd>
</dl>
HTML
ウェブページを作成するためのマークアップ言語。
CSS
ウェブページのスタイルを指定するための言語。

 このままだと、ちょっと見づらいので CSSを使って調整してみます。

CSS

dl {
	margin: 0;
	padding: 0;
}
dt {
	font-weight: bold;
	margin-top: 1em;
}
dd {
	margin-left: 1em;
	margin-bottom: 0.5em;
}
HTML
ウェブページを作成するためのマークアップ言語。
CSS
ウェブページのスタイルを指定するための言語。