dfnタグとは?|定義される用語を表す

dfnタグとは?|定義される用語を表す
博士
今回は、<dfn>タグを使って定義される用語を表す方法を解説するぞ。
 
 
博士
博士
リンゴが師と仰ぐ人物。
毎日HTML/CSSデザインの研究をしており、その知識を余すことなくリンゴに教えてくれる。

スポンサーリンク

<dfn>タグとは

 

<dfn>

対応ブラウザInternet Explorer / Firefox / Google Chrome / Safari / Opera
分類フロー・コンテンツ / フレージング・コンテンツ / パルパブル・コンテンツ
利用場所フレージング・コンテンツが期待される場所
内容フレージング・コンテンツ(ただし、dfn要素の入れ子は不可)


 
 
<dfn>タグは、定義される用語を表す際に使用するタグです。
このタグは、用語の定義や説明をしている文章の中で使用します。

dfn要素を使用する場合は、dfn要素の親となる段落かセクション(<p><dl><section>など)、または記述リストの同じグループ内に、その用語の定義内容を一緒に入れる必要があります。
 
 

使用例

 
 

表示例

PlayStation 4は、2013年11月にソニーから発売された家庭用ゲーム機です。通称「PS4」と呼ばれています。

 
 
博士
一般的なブラウザでは、<dfn>〜</dfn>内のテキストはイタリック体で表示されるぞ。
 
 

title属性

dfn要素にtitle属性が指定されている場合は、そのtitle属性の値が定義される用語になります。

 
 
dfn要素の中に、「title属性が指定されたabbr要素だけ」がある場合は、そのtitle属性の値が定義される用語になります。

 
 
上記以外の場合は、dfn要素の中のテキストが定義される用語になります。

 
 

スポンサーリンク

まとめ

定義される用語を表す際は、<dfn>タグを使います。
 
 

HTML5 タグ図鑑

HTML5タグ全種類を図鑑としてまとめています。タグの意味や使い方でわからないことがあれば、ぜひこのページをご活用ください。

HTML5 タグ図鑑へ

 
HTML5 タグ図鑑

スポンサーリンク








dfnタグとは?|定義される用語を表す