<dfn>要素の定義
英語で「定義」を表す、”definition”より。定義句や文の文脈の中で定義している用語を示すために用いられます。
通常は、<dfn> 要素の直近の祖先である <p> 要素、<dt> / <dd> 要素の組み合わせ、<section> 要素が用語の定義とみなされます。
子要素として使用できるもの
記述コンテンツですが、子孫に <dfn> 要素を使用することは出来ません。
親要素として使えるもの
記述コンテンツを受け入れるすべての要素。
許可されているARIAロール
すべて
DOMインターフェース
HTMLElement
属性
グローバル属性のみが指定できます。
title
title属性自体はグローバル属性ですが、<dfn>要素に指定した場合は、定義される用語を示します。
id属性を利用することで、<a> 要素を介して、そこにリンクさせることも出来ます。用語のリンクをクリックすることで、ページの読者が用語の定義に素早くアクセスすることが出来ます。
定義される用語の指定
定義される用語は以下のルールに従います。
- <dfn> 要素に title 属性がある場合、 title 属性の値が定義される用語とみなされます。その要素の中の文字列もその用語でなければなりませんが、略語 (おそらく <abbr> を使用) や、用語のその他の形でも構いません。
- <dfn> が単一の子要素を持ち、自分自身には何も文字列がなく、かつその子要素が title 属性を持つ <abbr> 要素である場合は、 <abbr> 要素の title の値が定義する用語です。
- それ以外では、 <dfn> 要素の文字列コンテンツが定義される用語です。
サンプル
See the Pen 略語の定義 by Masahiko Iwakiri (@m-iwakiri) on CodePen.
このサイトでは、HTML要素や属性の定義は下記サイトを参考にしています。
MDN Web Docs： https://developer.mozilla.org/ja/
W3C仕様の正確な定義、最新情報は上記サイトをご覧ください。
コメント