dfnタグの使い方と定義語のマークアップ方法をわかりやすく解説

INDEX

dfnの概要

定義される用語を示す HTMLタグ

<dfn>定義語</dfn>

概要 dfnタグは、文書内で定義される用語を示すためのタグです。

属性	説明	使用例
`title`	用語の補足説明を指定	`<dfn title="HyperText Markup Language">HTML</dfn>`
`id`	リンクの対象にできる識別子を指定	`<dfn id="css">CSS</dfn>`

以下の例では、「HTML」という用語をdfnタグで囲み、説明文を記述しています。

<p><dfn>HTML</dfn>とは、ウェブページを作成するためのマークアップ言語です。</p>

実行例：

HTML とは、ウェブページを作成するためのマークアップ言語です。

title属性を使用すると、マウスホバー時に補足情報を表示できます。

<p><dfn title="Cascading Style Sheets">CSS</dfn>は、HTMLのデザインを指定する言語です。</p>

実行例：

CSS は、HTMLのデザインを指定する言語です。

Q: dfnタグとstrongタグの違いは？

A: dfnタグは用語の定義を示すためのタグであり、strongタグはテキストの重要性を強調するためのタグです。

Q: dfnタグのスタイルを変更できますか？

A: はい、CSSでフォントスタイルや色を変更できます。例えば、以下のCSSを適用すると、太字にできます。

dfn {
    font-weight: bold;
    font-style: normal;
}

Q: dfnタグのtitle属性はSEOに影響しますか？

A: title属性の内容は検索エンジンに影響を与える可能性がありますが、主にユーザーの利便性向上のために使用されます。

Q: dfnタグを使うべきケースは？

A: 用語集、技術文書、FAQページなどで、新しい用語を明確にする際に有効です。