<abbr>要素の定義
英語で「略語」を表す、”abbreviation”より。Webページ上で略語や頭字語を表す際に使用します。
頭字語：複数の単語から構成された合成語の頭文字を繋げて作られた語のこと。商標名や組織名、規格名などでよく使われている。
例）WHO（世界保健機関、World Health Organization）、WWW（World Wide Web）
子要素として使用できるもの
記述コンテンツ
親要素として使えるもの
記述コンテンツを受け入れるすべての要素。
許可されているARIAロール
すべて
DOMインターフェース
HTMLElement
属性
グローバル属性のみが指定できます。
title
title属性自体はグローバル属性ですが、<abbr>要素に指定した場合は、略語の完全形または説明を示します。ブラウザによっては、title属性の内容を「ツールチップ」として表示するものもあります。
既定のスタイル
基本的には、<abbr>要素は “display: inline;”が既定のスタイルですが、ブラウザによっては、追加で設定されるスタイルがあります。
- Opera、Firefox ： text-decoration: underline dotted; （テキストに点線の下線を引きます）
- 一部のブラウザ ： font-variant: small-caps; （小さな大文字で表示）
サンプル
See the Pen 略語の定義 by Masahiko Iwakiri (@m-iwakiri) on CodePen.
このサイトでは、HTML要素や属性の定義は下記サイトを参考にしています。
MDN Web Docs： https://developer.mozilla.org/ja/
W3C仕様の正確な定義、最新情報は上記サイトをご覧ください。
コメント