<dl>, <dt>, <dd>の使い方
Web標準HTML/CSS > <dl>, <dt>, <dd>の使い方
<dl>, <dt>, <dd>
要素の説明
<dl>, <dt>, <dd>は、用語を定義するときに使う要素です。<dt>〜</dt>に定義したい用語を記し、<dd>〜</dd>の中で用語の説明を表します。これらの全体を<dl>〜</dl>で囲みます。この要素は、文とそれに対応する文という構造に使うことも許されています。
指定できる属性
- id
- ページ内に1つ、特別な役割を与える時に指定します。
- class
- ページ内に複数、特別な役割を与える時に指定します。
中に入れられる要素
<dl>には、<dt>, <dd>のみ入れることができます。
<dt>には、インライン要素のみ入れることができます。
<dd>には、ブロック要素とインライン要素のどちらも入れることができます。
サンプル
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "https://www.w3.org/TR/html4/strict.dtd"> <html lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>サンプルページ</title> </head> <body> <div id="header"> <h1>サンプルページ</h1> <p>このページはサンプルを表しています。</p> </div> <h2>コンテンツ</h2> <dl> <dt>未定義の用語1</dt> <dd>未定義の用語1とは・・・</dd> <dt>未定義の用語2</dt> <dd>未定義の用語2とは・・・</dd> </dl> </body> </html>