<dl>要素(定義リスト)。

定義リストである<dl>要素についての解説です。

<dl>要素(定義リスト)・目次。

<dl>要素とは。

<dl>要素は、定義リスト要素です。

すなわち、用語の定義と用語の解説の組み合わせのリストとなります。

しかしながら、後述の通り、実際には他にもいろいろ応用が出来る要素です。

<dl>要素を利用出来るHTML文書型。

<dl>要素は、以下の文書型で利用出来ます。

<dl>要素が含まれるXHTML モジュール。

<dl>要素はリストモジュールに属します。

<dl>要素の扱い。

<dl>要素はブロックレヴェル要素です。

<dl>要素の内容は、

に限られます。

但し、<dt>要素と<dd>要素は必ず一対一で利用しなければならない訳ではなく、<dt>要素か<dd>要素のどちらかが一つ入っているだけで正当な<dl>要素となります。

<dl>要素の属性。

<dl>要素には、以下の属性が定められております。

共通属性

<dl>要素で使える共通属性には

があります。

以下に挙げる<dl>要素の属性はHTML 3.2, トランジッショナル文書型及びフレームセット文書型でのみ利用出来る属性で、排除勧告が出されております。

compact属性
当該リストをなるべく小さな面積で表示するようにします。例えば、<dt>要素と<dd>要素を改行せず並べて表示させるなどします。

<dl>要素に関する注意事項。

<dl>要素の内容について。

<dl>要素は内容として<dt>要素及び<dd>要素のみが入れられます。

<dl>要素の入れ子について。

<dl>要素は上述の通り、内容として<dt>要素及び<dd>要素のみが入れらます。

一方、<dt>要素にはブロックレヴェル要素は入れられませんが、<dd>要素にはブロックレヴェル要素を内容にする事が出来ます。

従って、<dl>要素を入れ子にしたい場合は<dd>要素の直下に新たな<dl>要素を記述する事になります。

<dl>要素の表現について。

<dl>要素は視覚系のユーザエージェントの場合、直下の<dd>要素について、左側に余白をあけて表示する場合が多いようです。

しかしながら、そのように規定されているわけでは無いため、左余白を取るためだけに<dl>要素と<dd>要素を使うのは正しい使い方ではありません。

<dl>要素のその他の使い方。

<dl>要素には定義リスト以外にも幾つかの使い方があります。

質疑応答のリスト。

いわゆるFAQ(Q & A 或いは質疑応答)を作るのに、<dl>要素は便利です。

具体的には、<dt>要素に質問、<dd>要素に回答を記述します。

台詞の記述。

<dt>要素に役名、<dd>要素に台詞を記述します。

画像の記述。

<dt>要素に<img>要素で画像を入れ、<dd>要素にその画像の解説を記述します。

注釈付き箇条書き。

通常、箇条書きには<ul>要素を用いますが、<dl>要素を使う事で、適宜リスト項目に注釈を入れる事も出来ます。

具体的には<dt>要素にリスト項目、<dd>要素に項目に関する注釈を記述します。

サイトのメニュー。

<dl>要素はサイトのメニューには特に便利です。

サイトのメニューに<dl>要素を使う場合は<dt>要素にメニュー項目、<dd>要素に項目の説明文や更新年月日などを入れる事になります。

更新案内。

<dl>要素は更新案内にも非常に有用です。

更新案内に<dl>要素を使う場合は<dt>要素に更新年月日、<dd>要素に更新内容を記述します。

その他にも…。

<dl>要素には他にもいろいろな使い方が出来ます。

<dl>要素の記述例。

<dl>
    <dt>right</dt>
    <dd>右の意。</dd>
    <dd>権利の意。</dd>
    <dt>centre(英)</dt>
    <dt>center(米)</dt>
    <dd>中心の意。</dd>
    </dl>

関連項目。

<dt>要素
定義リストでの定義語
<dd>要素
定義リストでの定義文
<ol>要素
順序付きリスト
<ul>要素
順不同リスト・箇条書き

しらぎくのウェブサイト作成入門サイトマップ

ページ外へのご案内。

marguerite.site@gmail.com