Widely available すべての主要ブラウザで対応済み。安心して使用可能。

<dfn>

<dfn> HTML 要素は、定義される用語を示します。<dfn> 要素は、完全な定義文の中で使用する必要があります。その際、用語の完全な定義は以下のいずれかとなります。

祖先である段落（テキストのブロック、<p> 要素で示されることもある）

<dt>/<dd> の組み合わせ

この <dfn> 要素の直近の祖先セクション

テキスト・構造

対応ブラウザ

機能 デスクトップ モバイル
Chrome
Edge
Firefox
Safari
Chrome Android
Safari iOS
<dfn>
15
12
1
6
18
6
1+対応 (バージョン) 未対応 ※注釈あり サブ機能の解説は MDN Web Docs (CC BY-SA 2.5)

基本構文

HTML 
<p><dfn>HTML</dfn> is a markup language used to describe the structure of web pages.</p>

ライブデモ

用語の定義

dfn 要素で文中の用語を定義。初出時に使用。

プレビュー全画面表示

用語集スタイル

dfn を使った用語集（グロッサリー）の表示。

プレビュー全画面表示

title 属性での定義

title 属性に定義を記述し、ホバーで表示するパターン。

プレビュー全画面表示

実務での使いどころ

  • <dfn> の活用

    <dfn> HTML 要素は、定義される用語を示します。

注意点

  • 古いブラウザでは対応していない場合がある。

アクセシビリティ

  • スクリーンリーダーでの読み上げを確認すること。

参考リンク