HTML & CSS

最終更新日:
公開日:

リファレンス

HTML

ディスクリプション・リスト

dl要素

定義リストを表します。dt要素で定義語を書き、dd要素で解説をしたり、属する項目リストを並べます。

サンプルコード

<dl>
	<dt>HTML(Hypertext Markup Language</dt>
	<dd>Webページを記述するための言語。</dd>
</dl>
  • カテゴリー

    フローコンテンツ、パルパブルコンテンツ(子要素に、dt要素dd要素の組み合わせを1組以上持つ場合はパルパブルコンテンツ)

  • コンテンツモデル

    1個以上のdt要素と1個以上のdd要素の組み合わせ。

  • 使用ケース

    フローコンテンツが期待される場所

属性

グローバル属性

グローバル属性のみ使用することができます。
グローバル属性について詳しくは、「HTMLのグローバル属性」をご覧ください。

使用例

dt要素とdd要素の組み合わせ例

全国紙を使ったdl要素のマークアップ例を紹介します。次のように1つのdt要素に対して、複数のdd要素を並べることができます。

<dl>
	<dt>朝刊</dt>
	<dd>毎日新聞</dd>
	<dd>朝日新聞</dd>
	<dd>読売新聞</dd>
	<dd>日本経済新聞</dd>
	<dt>夕刊</dt>
	<dd>夕刊フジ</dd>
	<dd>東京スポーツ</dd>
	<dd>日刊ゲンダイ</dd>
</dl>

ブラウザでの表示例

ブラウザでの表示例

こちらの記事は役に立ちましたか?

ありがとうございます。
もしよろしければ、あわせてフィードバックや要望などをご入力ください。

コメントありがとうございます!
運営の参考にさせていただきます。