Please JavaScript on
備忘録的プログラミングリファレンス

dl, dt, dd タグエレメント

 dl, dt, dd タグエレメントは、用語定義型のリストが作成できる HTML タグエレメントです。

dl, dt, dd タグエレメント
<dl>
	<dt>ミカン</dt><dd>黄色いまるい果物</dd>
	<dt>リンゴ</dt><dd>赤いバラ科の果実</dd>
	<dt>バナナ</dt><dd>南国の果物</dd>
</dl>
表示例
ミカン
黄色いまるい果物
リンゴ
赤いバラ科の果実
バナナ
南国の果物

 リストには一行ごとに一覧表示する <ul><ol>もあります。

<dl>

 用語定義型のリストです。<DL>で用語定義型リストであることを宣言し、<dt>、<dd>でデータタイトルとデータを定義します。

属性

グローバル属性のみを持ちます。以下に主な属性のみを示します。

AttributeValueExtra information
idcssにも使えます。エレメントをユニークとします。
classcssに使います。同名のclassは同じスタイルが適応されます。

<dt>,<dd>

 用語定義型のリストの子要素で、<dt>でリストタイトルを、<dd>で説明部分を定義します。
 リストタイトル=その説明文を1つのデータとして1行ずつ入力してください。自動で改行ごとに<dt>、<dd>要素を作成します。

動作の確認


関連情報

 キャプションを付ける場合は <h1> 〜 <h6> といったヘッダーエレメントを使用する方法があるようです。
 <caption> といったエレメントは正しく機能しないようです。

JavaScript

 DOM インターフェイスの定義については HTMLDListElement を参照してください。