このウェブサイトはご利用の端末での閲覧に対応していません。
This website does not support your device.

dfn”要素:定義される用語

記事Apr. 29th,2015
July 7th,2020
定義される用語を表す要素
この記事はHTML Living Standardに対応しています。
この記事はHTML Living Standardに対応しています。

要素について

dfn”要素は定義される用語を表す要素です。

以下のいずれかが定義される用語となります。

title”属性を指定した場合
title”属性の値
dfn”要素の内容がtitle”属性を指定したabbr”要素のみである場合
abbr”要素title”属性の値
上記ではない場合
dfn”要素の内容

直近の祖先要素となる段落、dt”要素dd”要素の組、セクショニング要素で用語を定義します。

定義される用語が文章中に何度も登場する場合は最初のものを“dfn”要素だけで十分です。

サンプルコード

定義される用語

<p>
<dfn>バナナ</dfn>はバショウ科バショウ属の多年草、及びその果実のことである。英語では“banana”、漢字では“甘蕉”と書きます。
</p>

バナナはバショウ科バショウ属の多年草、及びその果実のことである。英語では“banana”、漢字では“甘蕉”と書きます。

一般的なブラウザでは“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時までを指す。

属性と値

属性
属性 説明 説明
必須属性
なし
任意属性
グローバル属性
title="" 定義される用語 テキスト 定義される用語

グローバル属性title”属性は“title”要素に指定した場合は他の要素に指定した場合と意味合いが異なります。

仕様書

dfn”要素はHTML2.0で定義され、次のHTML2.0では定義されませんでしたがその後HTML3.2から再び定義されている要素です。現行の仕様であるHTML Living Standardでも定義されています。

定義されている仕様書
HTML 4 HTML 5 HTML 5.1 HTML 5.2 HTML Living Standard
<dfn>
定義あり

定義あり

定義あり

定義あり

定義あり
DOMインターフェース

dfn”要素は“HTMLElement”インターフェイスを使用します。

UAスタイルシート
@namespace url(http://www.w3.org/1999/xhtml);

dfn {
font-style: italic;
}
一番上へ
トップにもどる
シェアする
シェアする
Facebookでシェアする
ツイート
Google+でシェア
Pocket
はてなブックマーク