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

<dfn>

<dfn> は HTML の要素で、定義句や文の文脈の中で定義している用語を示すために用いられます。祖先である <p> 要素、<dt>/<dd> の組み合わせ、または直近の <section> 要素が用語の定義とみなされます。

テキスト・構造

対応ブラウザ

機能 デスクトップ モバイル
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>

ライブデモ

term. definition

Dfn element in textmiddle. term definition.initialout time to usage.

プレビュー全画面表示

glossarystyle

Dfn usingglossary(grosari-). Display.

プレビュー全画面表示

definition with Title attribute.

Title attribute to definition describe, hover in displaypattern.

プレビュー全画面表示

実務での使いどころ

  • <dfn> の活用

    <dfn> は HTML の要素で、定義句や文の文脈の中で定義している用語を示すために用いられます。

注意点

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

アクセシビリティ

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

参考リンク