dlタグとは?|記述リストを表示しよう

dlタグとは?|記述リストを表示しよう
博士
今回は、<dl>タグを使って記述リストを表示する方法を解説するぞ。
 
 
博士
博士
リンゴが師と仰ぐ人物。
毎日HTML/CSSデザインの研究をしており、その知識を余すことなくリンゴに教えてくれる。

スポンサーリンク

<dl>タグとは

 

<dl>

対応ブラウザInternet Explorer / Firefox / Google Chrome / Safari / Opera
分類フロー・コンテンツ / 1つ以上のdt要素とdd要素のセットを子要素に含む場合:パルパブル・コンテンツ
利用場所フロー・コンテンツが期待される場所
内容1個以上のdt要素に1個以上のdd要素が続くグループを0個以上


 
 
<dl>タグは、用語(dt要素)とその用語に対する説明文(dd要素)のグループで形成された記述リストを表示する際に使用します。

<dl>~</dl>の中に、 <dt>タグで説明したい用語を、 <dd>タグで用語の説明文を配置してリストを作成します。
dt要素とdd要素のセットは、dl要素の中に複数入れることができます。
 
 

使用例

 
 

表示例

ゲームタイトル
ドラゴンクエストIII そして伝説へ…
シナリオ
堀井雄二
音楽
すぎやまこういち
美術
鳥山明
 
 
また、用語と説明文は必ずしも1対1である必要はありません。
例えば以下のように、1対2、2対1、といった組み合わせも可能です。
 
 
 
 

表示例

メンバー
ジョン
ポール
ジョージ
リンゴ
音楽
music
音による芸術。器楽と声楽とがある。
 
 

まとめ

記述リストを表示する際は、<dl>タグを使います。
 
 

博士
<dl>タグ、<dt>タグ、<dd>タグはセットで覚えるようにしよう。
 
 
HTML5 タグ図鑑

HTML5タグ全種類を図鑑としてまとめています。タグの意味や使い方でわからないことがあれば、ぜひこのページをご活用ください。

HTML5 タグ図鑑へ

 
HTML5 タグ図鑑

スポンサーリンク








dlタグとは?|記述リストを表示しよう