HTML
 Computer >> コンピューター >  >> プログラミング >> HTML

HTMLの
タグとは？記述リストの説明文を定義する方法を解説

HTMLの
タグとは

HTMLの <dd> タグは、記述リスト（description list）において、用語に対する説明や詳細を定義するために使用される要素です。「description details（記述詳細）」とも呼ばれます。

記述リストは <dl> タグで全体を囲み、その中で用語を <dt> タグ（description term）、説明文を <dd> タグでそれぞれマークアップします。用語集やFAQ、仕様の説明など、名前と説明がセットになった情報を表現するのに適しています。

それでは、<dd> タグの実装例を見てみましょう。

サンプルコード

<!DOCTYPE html>
<html>
<body>
<h2>Topics to Learn</h2>
<dl>
    <dt>JavaScript</dt>
    <dd>A scripting language.</dd>
    <dt>Java</dt>
    <dd>It is a programming language.</dd>
    <dt>jQuery</dt>
    <dd>A JavaScript library.</dd>
    <dt>C#</dt>
    <dd>Object-oriented programming language.</dd>
</dl>
</body>
</html>

実行結果

HTMLの dd タグとは？記述リストの説明文を定義する方法を解説

ポイントまとめ

<dd> タグを使う際の主なポイントは以下の通りです。

  • <dl> タグの中で、<dt>（用語）の直後に配置して使用する。
  • 1つの <dt> に対して、複数の <dd> を続けて記述することも可能。
  • ブラウザのデフォルトスタイルでは、説明文がインデントされて表示される。
  • 用語集、FAQ、メタデータの説明など、構造化された情報の表示に活用できる。
  1. HTMLのembedタグとは？使い方と主な属性をわかりやすく解説

    <embed>タグとは<embed>タグは、HTML文書の中に外部アプリケーションやプラグインコンテンツ（PDFファイル、動画、音声など）を埋め込むための要素です。開始タグのみで構成され、基本的に終了タグは不要です。<embed>タグで使用できる主な属性は以下の通りです。height：埋め込むコンテンツの高さをピクセル単位で指定します。src：埋め込む外部ファイルのアドレス（URL）を指定します。type：埋め込みコンテンツのメディアタイプ（MIMEタイプ）を指定します。例：「application/pdf」など。width：埋め込むコンテンツの幅をピクセル

  2. HTMLの<dfn>タグとは？定義用語のマークアップ方法を実例付きで解説

    HTMLの<dfn>タグは、専門用語や略語など「定義の対象となる語」が文書内で最初に登場する箇所を示すための要素です。多くのブラウザでは、<dfn>タグで囲まれた部分は斜体（イタリック体）で表示されます。 それでは、<dfn>タグの具体的な実装例を見ていきましょう。 コード例 <!DOCTYPE html> <html> <body> <h2>MCAの科目一覧</h2> <p><dfn title="Master of Computer Applications"