#
要素について
カテゴリー | フロー・コンテンツ、フレージング・コンテンツ、パルパブル・コンテンツ |
利用場所 | フレージング・コンテンツが置ける場所 |
内容 | フレージング・コンテンツ(ただし、“dfn”要素を子孫に持つことはできない) |
タグの省略 | 不可 |
“dfn”要素は定義される用語を表す要素です。
以下のいずれかが定義される用語となります。
- “title”属性を指定した場合
- “title”属性の値
- “dfn”要素の内容が“title”属性を指定した“abbr”要素のみである場合
- “abbr”要素の“title”属性の値
- 上記ではない場合
- “dfn”要素の内容
直近の祖先要素となる段落、“dt”要素と“dd”要素の組、セクショニング要素で用語を定義します。
定義される用語が文章中に何度も登場する場合は最初のものを“dfn”要素だけで十分です。
サンプルコード
定義される用語
一般的なブラウザでは“dfn”要素の内容はイタリック体で表示されます。
“id”属性を指定した“dfn”要素へリンクすることでリンク元の内容が定義済みの用語であることを示すことができます。
<p>
<dfn id="banana">バナナ</dfn>はバショウ科バショウ属の多年草、及びその果実のことである。英語では“banana”、漢字では“甘蕉”と書きます。
</p>
...
<p>
ところでこの<a href="#banana">バナナ</a>と呼ばれる果実であるが、一般的には緑色、熟成したものは黄色であると思われがちだが、実は紫色や桃色のものなどいろいろなものがある。
</p>
定義リスト
<dl>
<dt><dfn>りんご</dfn></dt>
<dd>バラ科リンゴ属の落葉高木樹</dd>
<dt><dfn>もも</dfn></dt>
<dd>バラ科モモ属の落葉小高木樹</dd>
<dt><dfn>マンゴスチン</dfn></dt>
<dd>フクギ科フクギ属の常緑高木樹</dd>
</dl>
- りんご
- バラ科リンゴ属の落葉高木樹
- もも
- バラ科モモ属の落葉小高木樹
- マンゴスチン
- フクギ科フクギ属の常緑高木樹
定義される略語
<p>
<dfn><abbr title="After Midnight">AM</abbr></dfn>は0時から12時までを指す。
</p>
AMは0時から12時までを指す。
#
#
仕様書
“dfn”要素はHTML2.0で定義され、次のHTML2.0では定義されませんでしたがその後HTML3.2から再び定義されている要素です。現行の仕様であるHTML Living Standardでも定義されています。
DOMインターフェース
“dfn”要素は“HTMLElement”インターフェイスを使用します。
UAスタイルシート
@namespace url(http://www.w3.org/1999/xhtml);
dfn {
font-style: italic;
}