DD DT DLタグの使用例

通常は <ul><li> タグを使用しますが、dd タグと dt タグも便利です。特にプログラムを公開する場合は、これらのタグを使用して機能モジュールのリストをレイアウトできます。

<dl>< /dl>< dt>< /dt>< dd>< /dd>
<dl>< /dl> は通常のリストを作成するために使用され、<dt>< /dt> はリストの上位項目を作成するために使用され、<dd>< /dd> はリストの下位項目を作成するために使用されます。<dt>< /dt> と <dd>< /dd> は両方とも <dl>< /dl> タグペアの間に配置する必要があります。次の例を見れば理解できるでしょう。

dl ——リストを定義——リストを定義
dt ——リストタイトルの定義——は、定義リスト内の各リスト項目のタイトルを生成するために使用されます。これを繰り返し使用して、複数のリスト項目のタイトルを定義することができます。
dd (定義リスト定義) は、定義リスト内の各リスト項目の説明テキストフィールドを生成するために使用されます。これを繰り返し使用して、複数の説明テキストフィールドを定義することができます。 ddは対応するdtの簡単な説明です

例：

コードをコピー

コードは次のとおりです。

<ダウンロード>
<dt>今日
<dd>今日は昨日です。
<dt>明日
<dd>明日は今日です。
</dl>

例2:

コードをコピー

コードは次のとおりです。

<html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<ヘッド>
<title>無題のドキュメント</title>
<スタイルタイプ="text/css">

</スタイル>
</head>
<本文>
<div id="ボックス">
<div id="コンテンツ">
<img src=/Article/UploadFiles/200704/20070412091408274.gif align="left"/ >
<ダウンロード>
<dt>製品名:</dt>
<dd><strong>[すごいですね] </strong>Youhui: <span class="red"><em>15% オフ</em></span></dd>
<dt>製品紹介:</dt>
<dd>製品名製品名製品名製品名製品名製品名製品名製品名製品名製品名製品名製品名製品名製品名製品名製品名製品名製品名製品名製品名製品名製品名…[<span class="red";>詳しい紹介</span>]</dd>
<dt>店舗住所:</dt>
<dd>製品名</dd>
<dt>連絡先電話番号:</dt>
<dd>0000-12345678 87654321 </dd>
</dl>
</div>
</div>
</本文>
</html>

<<: MySql で、存在しない場合は挿入し、存在する場合は更新する方法

>>: CSS スティッキーフッタークラシックレイアウトの実装