dl要素 -- 定義リスト

基本データ

dl要素
文書型 適用 子要素 開始タグ 終了タグ 分類
Strict dt要素 dd要素 必須 必須 ブロックレベル要素
Transitional
Frameset

属性

固有属性

compact(非推奨)
Strict: × | Transitional: △ | Frameset: △
リストをコンパクトに表示します。どのように表示するかはユーザーエージェントに依存します。この属性は非推奨です。

解説

定義リストを表す要素です。子要素はdt要素dd要素のみで、どちらかが1回以上現れなければいけません。

定義する言葉をdt要素、言葉の説明をdd要素とし、定義リスト全体をdl要素としてマークアップします。

<dl>
  <dt>ユーザーエージェント</dt>
  <dd>HTML文書を解釈するソフトウェア。
ブラウザ、検索エンジンのクローラーな
ど様々な種類がある。</dd>
  <dt>ブラウザ</dt>
  <dd>ウェブページを閲覧するためのソフト。
ユーザーエージェントの一形態。</dd>
</dl>
ユーザーエージェント
HTML文書を解釈するソフトウェア。ブラウザ、検索エンジンのクローラーなど様々な種類がある。
ブラウザ
ウェブページを閲覧するためのソフト。ユーザーエージェントの一形態。

語句の定義以外にも、リンク集、日記、会話など様々な用途があります。

<dl>
  <dt><a href="news.html">更新情報</a></dt>
  <dd>最近更新されたページの一覧。</dd>
  <dt><a href="works.html">作品</a></dt>
  <dd>当サイトのメインコンテンツ。</dd>
</dl>
更新情報
最近更新されたページの一覧。
作品
当サイトのメインコンテンツ。

dt要素の中身はインライン要素のみですが、dd要素はインライン要素・ブロックレベル要素をともに含むことができます。次のように、dd要素の中にリストをおくこともできます。

<dl>
  <dt>材料</dt>
  <dd>
    <ul>
      <li>だし 1カップ</li>
      <li>みそ 小さじ2</li>
      <li>かぼちゃ 2切れ</li>
      <li>ねぎ 適量</li>
    </ul>
  </dd>
  <dt>作り方</dt>
  <dd>
    <ol>
      <li>鍋にだしを入れ、かぼちゃを煮る。</li>
      <li>みそを入れ、ねぎを加える。</li>
    </ol>
  </dd>
</dl>
材料
  • だし 1カップ
  • みそ 小さじ2
  • かぼちゃ 2切れ
  • ねぎ 適量
作り方
  1. 鍋にだしを入れ、かぼちゃを煮る。
  2. みそを入れ、ねぎを加える。

Strict DTDの定義

<!ELEMENT DL - - (DT|DD)+              -- definition list -->
<!ATTLIST DL
  %attrs;                              -- %coreattrs, %i18n, %events --
  >

Information

現在の位置