1. ホーム
  2. Web制作
  3. HTML/Xhtml

html タグ dl dt dd 使用説明書

2022-01-29 22:26:41
基本的な構造です。
コピーコード
コードは以下の通りです。

<dl>
<dt></dt>
<dd></dd>
</dl>

dl: 定義リスト
dt: タイトルを定義する
dd: 説明文を定義する
dtはメッセージのタイトルが置かれる場所、ddはこのメッセージの簡単な要約説明です。
つまり、dtにはそれを記述するためのddがある
ddの中のコンテンツは、画像、テキスト、さらにはビデオやオーディオなど、何でもありです
複数の似たようなdtやddはdlを形成する
例としては、以下のようなものがあります。
コピーコード
コードは以下の通りです。

<dl>
<dt> Here is the title</dt>
<dd> here is the content</dd>
<dd>Here's the content</dd>
<dt> Here is the title</dt>
<dd> here is the content</dd>
<dt> Here is the title</dt>
<dd> here is the content</dd>
</dl>

そして、dl dt ddは、ニュース一覧の要約や商品一覧のサムネイル、その他の説明文などを表示するのに適している......。