<dl> - 定義リスト

トップ > HTMLリファレンス > <dl>

概要

項目説明
形式<dl>~</dl>
サポートH2 / e2 / Ch1 / Fx1 / Sa1 / Op1 / N2 / i1
カテゴリフローコンテンツ, 子要素がひとつ以上の name-value を持つ場合は パルパブルコンテンツ
親要素フローコンテンツ を子要素に持てるもの
子要素ひとつ以上の dt要素と、ひとつ以上の dd要素からなるグループを 0個以上持つ。スクリプトサポート要素 を含むことも可能
タグの省略開始タグ:必須 / 終了タグ:必須

説明

dl は Definition List(定義リスト)の略です。<dl>~</dl> の間に、<dt>(Definition Term)で定義する用語を、<dd>(Definition Description)で用語の説明を行います。

属性

【固有属性】
属性意味
compactH2-H4T/e4-10/N2-N4。リストを極力コンパクトな形式で表示します。利用例は下記を参照してください。この属性は、HTML5 では廃止されました。Internet Explorer 4 でサポートされていましたが、Internet Explorer 11 ではサポートをやめたようです。
【一般属性】
属性意味
accesskey=keyH4/e4/Ch2/Fx2/Sa3/Op12/N6/i1。アクセスキーを指定します。
class=classH4/e3/Ch1/Fx1/Sa1/Op1/N4。クラスを指定します。
contenteditable=boolH5/e55/Ch11/Fx3/Op10.6/Sa3.2。要素を編集可能にします。
dir=dirH4/e5/Ch5/Fx4/Sa6/Op25/N6。文字の表示方向を指定します。
hiddenH5/e/Ch/Fx/Sa/Op。要素を非表示にします。
id=idH4/e3/Ch/Fx/Sa/Op/N4。ID を指定します。
lang=langH4/e4/Ch/Fx/Sa/Op/N6。言語を指定します。
spellcheck=boolH5。スペルをチェックします。
style=styleH4/e3/Ch/Fx/Sa/Op/N4。スタイルシートを指定します。
tabindex=nH4/e4/Ch/Fx/Sa/Op/N6。タブインデックスを指定します。
title=titleH2/e2/Ch/Fx/Sa/Op/N6。タイトルを指定します。
translate=titleH5。翻訳可否を指定します。

使用例

HTML
<dl>
 <dt>HTML</dt>
 <dd>HyperText Markup Language の略で・・・</dd>
 <dt>WWW</dt>
 <dd>World Wide Web の略で・・・</dd>
</dl>
表示
HTML
HyperText Markup Language の略で・・・
WWW
World Wide Web の略で・・・

コンパクト表示

compact 属性を指定すると、項目名が短い場合、説明が自動的に項目名と同じ行に表示されるようになります。

表示
CSS
Cascading Style Sheets の略で・・・
Dynamic HTML
HTML や JavaScript などの技術を用いて・・・

※ スタイルシートを用いて擬似的に表示しています。

スタイルシートとのくみ合わせ

項目名を目立たせたい場合は、スタイルシートを用いると便利です。例えば、<head>~</head> の間に次のように指定することにより、すべての項目名を太字で、前の行と 1行スペースを空けて表示することができます。

<style type="text/css">
<!--
dt { margin-top: 1em; font-weight: bold; }
-->
</style>
ブラウザ表示例
HTML
HyperText Markup Language の略で・・・
WWW
World Wide Web の略で・・・

関連項目

<dt><dd>

Copyright (C) 1996-2015 杜甫々
初版:1996年9月10日 最終更新:2015年1月24日
http://www.tohoho-web.com/html/dl.htm