★HTML Living Standard リファレンス

私たちはカジノサイトを独自にレビューしています。当社のリンクを通じてサインアップすると、追加料金なしで当社に手数料が発生する場合があります。

<dd> …… 記述リストの値を表す
Internet Explorer
Microsoft Edge
Google Chrome
Safari
Firefox
Opera
広告



<dd>タグは、dl要素で定義する記述リストの値を表す際に使用します。

dl要素で定義する記述リストは、「名前」と「値」の組み合わせのグループで構成されます。
「名前」とはリスト項目名のことで、一般的にはdt要素で定義します。
「値」とはリスト項目に関連付けられる記述のことで、一般的にはdd要素で定義します。

記述リストの「名前」と「値」の組み合わせの例を挙げるなら、用語と説明、質問と回答、メタデータ名と値などです。
dd要素は、説明、定義、値などを表します。

■使用例

以下のサンプルは、質問と回答のリストですが、
質問をdt要素、回答をdd要素でマークアップしています。

HTMLソース

<article>
 <h1>よくある質問(FAQ)</h1>
 <dl>
  <dt>このウェブサイトは何ですか?</dt>
  <dd>HTMLやCSSの早見表です。</dd>
  <dt>誰が使いますか?</dt>
  <dd>ウェブを学ぶ人やウェブをつくる人です。</dd>
  <dt>どのように使いますか?</dt>
  <dd>目的別やABC順で知りたい項目を探します。</dd>
 </dl>
</article>

↓↓↓

ブラウザ上の表示

よくある質問(FAQ)

このウェブサイトは何ですか?
HTMLやCSSの早見表です。
誰が使いますか?
ウェブを学ぶ人やウェブをつくる人です。
どのように使いますか?
目的別やABC順で知りたい項目を探します。

■使用例

以下のサンプルは、dl要素で辞書のような英単語リストを作成しています。
英単語はdt要素dfn要素を併用して示し、英単語の説明などはdd要素で示しています。

HTMLソース

<dl>
 <dt><dfn>happiness</dfn></dt>
 <dd class="pronunciation">/ˈhæpinəs/</dd>
 <dd class="part-of-speech"><i><abbr>n.</abbr></i></dd>
 <dd>幸せな状態。</dd>
 <dd>幸運であること。 <q>Oh <b>happiness</b>! It worked!</q></dd>
 <dt><dfn>rejoice</dfn></dt>
 <dd class="pronunciation">/rɪˈdʒɔɪs/</dd>
 <dd><i class="part-of-speech"><abbr>v.intr.</abbr></i> 喜ぶ</dd>
 <dd><i class="part-of-speech"><abbr>v.tr.</abbr></i> (人を)喜ばせる</dd>
</dl>

↓↓↓

ブラウザ上の表示

happiness
/ˈhæpinəs/
n.
幸福
幸運 Oh happiness! It worked!
rejoice
/rɪˈdʒɔɪs/
v.intr. 喜ぶ
v.tr. (人を)喜ばせる

※余談ですが、
上記サンプルでabbr要素としてマークアップされている略語の意味は以下の通りです。

  • n. は、noun の略語で「名詞」を表します。
  • v.intr. は、intransitive verb の略語で「自動詞」を表します。
  • v.tr. は、transitive verb の略語で「他動詞」を表します。

■関連項目

  • <dl> …… 記述リストを表す
  • <dt> …… 記述リストの名前を表す
  • <dd> …… 記述リストの値を表す
  • <dfn> …… 定義された用語を表す
  • <ol> …… 順序のあるリストを表す
  • <ul> …… 順序のないリストを表す
  • <li> …… リスト項目を表す
  • <menu> …… ツールバーを表す
広告



山田 太郎
テック・リード
山田太郎は、ウェブ開発やグラフィックスプログラミングに10年以上の経験を持つテクノロジーの専門家です。特にHTML5 CanvasやJavaScript、インタラクティブメディアに精通しており、動的なユーザーインターフェースや最先端のウェブアプリケーションの開発に携わってきました。複雑な図形描画や画像操作、リアルタイムグラフィックスに関する知識が豊富で、ウェブ技術の限界を追求する開発者たちにとって頼りになる存在です。知識の共有に情熱を持ち、初心者からプロフェッショナルまで幅広く支援するため、技術フォーラムやブログにも積極的に貢献しています。

ギャンブルガイド もっと見る

カジノファインダー

どのカジノが自分に最適か分からないですか?

サインアップは必要なく、1 分以内に最適なブックメーカーを簡単に見つけることができます。
カジノを探す
Back
質問
Select one of the following options
{"is_any_tile":true}

どのカジノが自分に最適か分からないですか?

Back
Restart
やったー!
これはあなたの選択に基づいた最高のカジノです...
65 users signed up
もっと表示する