HTML - dl / dt / dd 要素

概要

名前
dl / dt / dd
カテゴリー
dl
  • Flow content
  • Palpable content (子要素に1つ以上の名前と値のペアを持つ場合のみ)
dt
なし
dd
なし
配置できる場所
dl
Flow contentが期待される場所。
dt
dl 要素の子要素として dt 要素、または dd 要素の直前。dl 要素の子要素である div 要素の子要素として dt 要素、または dd 要素の直前。
dd
dl 要素の子要素として dt 要素、または dd 要素の直前。dl 要素の子要素である div 要素の子要素として dt 要素、または dd 要素の直前。
コンテンツモデル
dl
0 個以上の、dt 要素とそれに続く dd 要素のペア。または、子要素にペアを持つ 1 個以上の div 要素
dt
Flow content。ただし、header 要素footer 要素、Sectioning content、Heading content の祖先となってはいけない。
dd
Flow content
説明
dl
dl 要素は、内部の各項目が dt 要素と dd 要素のペア形式になっているタイプのリストを表す要素です。dt 要素と dd 要素は、用語とその定義文、メタデータの名前と値、質問と解答など、何かしらのペア形式となっているものを表現するために使用できます。
dt
dt 要素は、dl 要素内において「用語」や「名前」の部分を表す要素です。dt 要素は、HTML4.01 と XHTML1.0 では「定義する用語」を表していましたが、HTML5 からは「定義」の意味が削除されています。そのため、HTML5 以降で「定義する用語」を表す場合には、dfn 要素を併用する必要があります。
dd
dd 要素は、dl 要素内において dt 要素に対応する内容 (説明文や定義文など) の部分を表す要素です。
タグの省略
dl
開始タグも終了タグも省略できません。
dt
直後に dt要素、または dd 要素が続く場合、終了タグを省略できる。
dd
直後に dt 要素、または dd 要素が続く場合、終了タグを省略できる。または、親要素にこれ以上の内容がない場合、終了タグを省略できる。
DOM Interface
dl
HTMLDListElement
dt
HTMLElement
dd
HTMLElement
仕様書
要素仕様書策定状況コメント
dlLS:現行の標準
REC:勧告
REC:勧告
dtLS:現行の標準
REC:勧告
REC:勧告
ddLS:現行の標準
REC:勧告
REC:勧告
サポートブラウザ
要素 ie
IE
edge
Edge
firefox
Firefox
chrome
Chrome
safari
Safari
opera
Opera
safari
iOS Safari
android
Android
dl1
dt1
dd1
○:Support ×:Not Support ?:未定義 n:以降の Version で Support

dl 要素の属性

グローバル属性
すべての要素で共通に利用できるグローバル属性を指定できます。

dt 要素の属性

グローバル属性
すべての要素で共通に利用できるグローバル属性を指定できます。

dd 要素の属性

dd 要素の属性サポートブラウザ
属性名 ie
IE
edge
Edge
firefox
Firefox
chrome
Chrome
safari
Safari
opera
Opera
safari
iOS Safari
android
Android
nowrap1
○:Support ×:Not Support ?:未定義 n:以降の Version で Support
グローバル属性
すべての要素で共通に利用できるグローバル属性を指定できます。

非推奨の属性

以下の属性は非推奨、非標準、実験的、または廃止された属性のため、使用しないでください。

nowrap
非推奨。新しいウェブサイトでは使用しないでください。
非標準。ブラウザ間の互換性が低い可能性があります。

サンプルコード

dl / dt / dd 要素のサンプルコードは以下のとおりです。

<dl>
  <dt>Firefox</dt>
  <dd>
    A free, open source, cross-platform,
    graphical web browser developed by the
    Mozilla Corporation and hundreds of
    volunteers.
  </dd>

  <!-- Other terms and descriptions -->
</dl>
dl / dt / dd 要素のサンプルコード

関連記事

HTML の全般的な記事はHTML タグの基本と使い方を参照してください。

Category:
プログラミング
公開日:
更新日:
Pageviews:
37
Shares:
0
Tag:
HTML
hatebu icon
hatebu