HTML Tag Reference
dt 要素
定義リストの語句を表す
dt 要素の仕様
- カテゴリ
-
- なし
- コンテンツモデル
-
ただし、header 要素、footer 要素、セクショニング・コンテンツ、ヘッディング・コンテンツを子孫に持つことはできません。
- この要素を使用できる文脈
- dl 要素の中で dd 要素、または dtd 要素の前
- dl 要素の子である div 要素内の dd 要素、または dt 要素の前
- この要素で使用できる属性
dt 要素のサンプルソース
<dl> <dt><dfn><abbr title="HyperText Markup Language">HTML</abbr></dfn></dt> <dd> <p> ウェブ上の文書を記述するためのマークアップ言語である。 文章の中に記述することでさまざまな機能を記述設定することができる。 </p> <p> …省略… </p> </dd> <dt><dfn><abbr title="Cascading Style Sheets">CSS</abbr></dfn></dt> <dd> <p> HTML や XML の要素をどのように修飾(表示)するかを指示する、W3Cによる仕様の一つ。 </p> </dd> </dl>
<!-- dl 要素内に、同じ語句を持った複数の dt 要素を置くべきではありません --> <dl> <dt>サッカー</dt> <dd>…</dd> <dt>野球</dt> <dd>…</dd> <dt>サッカー</dt> <dd>…</dd> </dl>
<!-- dt 要素内に質問を入れることでQ&Aのようなコンテンツも表せます --> <h1>遠足のおやつに関する質問集</h1> <dl> <dt>おやつはいくらまでですか?</dt> <dd>300円までです</dd> <dt>バナナはおやつに入りますか?</dt> <dd>入りません</dd> <dt>自分でおやつを作った場合、300円の適用対象は原価ですか?</dt> <dd>作ってきたおやつの内容から一般的な市場価格を推定し…</dd> </dl>
主要ブラウザの対応
IE11 | ○ |
---|---|
Edge(EdgeHTML) | ○ |
Edge(Chromium) | ○ |
Chrome | ○ |
Firefox | ○ |
Safari | ○ |
iOS Safari | ○ |
Android Chrome | ○ |