トップページ  > HTML5  > <dfn>

★HTML5タグリファレンス

<dfn> …… 用語が使用されていることを示す
Internet Explorer4Internet Explorer5Internet Explorer5-macInternet Explorer5.5Internet Explorer6Internet Explorer7Internet Explorer8Internet Explorer9 Firefox1Firefox2Firefox3Firefox4 Google Chrome1Google Chrome2Google Chrome3Google Chrome4Google Chrome5Google Chrome6 Safari3Safari4Safari5 Opera6Opera7Opera8Opera9Opera10
広告

このページでは、HTML5のdfn要素を解説しています。
dfn要素の最新情報は、以下を参照してください。

HTML Living Standardリファレンス

<dfn>タグは、用語が使用されていることを示す際に使用します。

<dfn>~</dfn>の中には用語を配置しますが、 その直近の親要素となる<p><dl><section> などの中には用語の定義内容を一緒に入れる必要があります。

title属性は様々な要素で使用できる汎用的な属性ですが、<dfn>にtitle属性を指定した場合には特別な意味を持ちます。 <dfn>のtitle属性には、定義される用語の正式な名称を指定します。 また、<dfn>~</dfn>の直下に<abbr>を配置した場合には、 <abbr>のtitle属性の値が定義される用語の正式な名称を表すことになります。

dfn要素の祖先となる要素にtitle属性を指定しても、dfn要素には影響を与えません。

■HTML4.01からHTML5へのバージョンアップによる変更点

dfn要素は、HTML4.01からHTML5へのバージョンアップで大きな変更はありません。

■属性

title属性
定義される用語の正式な名称を指定

以下の使用例では、<dfn>の直下に<abbr>を配置して、定義される用語の正確な名称を指定しています。 また、二度目に用語が登場する箇所では、最初に用語が登場した箇所へリンクすることで、同じ用語であることを明確に示しています。

■使用例

HTMLソース

<p>いま解説している<dfn id="sample"><abbr title="HyperText Markup Language">HTML</abbr></dfn>は、ウェブページを作成するための言語の一つです。</p>
<p><a href=#sample><abbr title="HyperText Markup Language">HTML</abbr></a>はそれほど難しいものではありません。簡単なウェブページなら数種類のタグを覚えれば十分に作成することが可能です。</p>
↓↓↓

ブラウザ上の表示

いま解説しているHTMLは、ウェブページを作成するための言語の一つです。

HTMLはそれほど難しいものではありません。簡単なウェブページなら数種類のタグを覚えれば十分に作成することが可能です。

広告
Sponsors
広告
MuuMuu Domain!
ドメイン取るならお名前.com
現役エンジニアのオンライン家庭教師【CodeCamp】
サイトに広告を掲載してお小遣いが稼げる!【A8.net】
Node.jsコース
はじめてのプログラミングコース
▲ページ先頭へ
HTMLクイックリファレンスについて
© HTMQ