スポンサード リンク
dfn要素
定義する用語(説明される用語)を文章中に表示できます
文章中に何を説明しているのか明示することが目的です
dfn要素はインライン要素なので文章中に記述することができます
デフォルトの表示では文字が斜体で表示されます。cssでスタイルを指定できます
使い方(書式)
<dfn></dfn>
dfn要素
対応ブラウザ | |
要素の種類 | インライン要素 |
内容となる要素 | インライン要素、テキスト |
属性 | 説明 |
共通属性 | html共通属性 |
イベント属性 | htmlイベント属性 |
実際の指定方法
html
<p>用語を説明する文章です<dfn>説明を受ける用語</dfn>を説明しています</p>
実際の表示
用語を説明する文章です説明を受ける用語を説明しています
cssでスタイルを指定
html
<p>用語を説明する文章です<dfn class="hoge">説明を受ける用語</dfn>を説明しています</p>
css
.hoge { font-style: normal; /* 文字を斜体からnormalに変更 */ font-weight: bold; /* 文字を太字にして目立たせました */ }
実際の表示
用語を説明する文章です説明を受ける用語を説明しています