abbr 要素

概要

HTML の <abbr> 要素 (または HTML 略語要素) は、略語と、また任意でその略語の完全な説明を提供します。略語の説明は title 属性にすべて含める必要があります。

• コンテンツカテゴリ フローコンテンツ、フレージングコンテンツ、パルパブルコンテンツ
• 許可された内容フレージングコンテンツ
• タグの省略 不可。開始と終了タグの両方が必要。
• 許可された親要素 フレージングコンテンツで許容される任意の要素
• DOM インターフェイス HTMLElement Gecko 1.9.2 (Firefox 3.6) まで、Firefox はこの要素に対し HTMLSpanElement インターフェイスを実装していました。

属性

この要素は全ての要素間で共通のグローバル属性以外の属性を持ちません。

この要素に於いては、title 属性は、略語の完全な説明を表すものとなります。多くのユーザエージェントは、この値をマウスオーバー時にツールチップで表示します。

デフォルトのスタイル

• IE などの一部のブラウザは、この要素に対し <span> 要素と同程度のデフォルトスタイルのみを与えている。
• Opera、 Firefox などのブラウザは、この要素の内容をドットの下線付きで表示するデフォルトスタイルを持つ。
• いくつかのブラウザはドットの下線の表示に加え、スモールキャップスで表示するデフォルトスタイルを持つ。このスタイルを避けるには、このケースを扱う CSS に font-variant: none といったスタイルを追加してください。

よって、デフォルトスタイルに依存せず、font-variant や border-bottom 等の CSS プロパティで表示差異を整えた方がいいでしょう。

この要素は IE6 以前の IE ではサポートされていません。これらのバージョンの IE は未知の要素にスタイルを設定できないため、以下の様なスクリプトを用いる事により、この要素を使用可能にする事が出来ます。

<!--[if lte IE 6]>
  <script>
    document.createElement("abbr");
  </script>
<![endif]-->

例

<p>Tony Blair is the prime minister of the <abbr title="United Kingdom">UK</abbr></p>

表示結果

Tony Blair is the prime minister of the UK

仕様

ブラウザ実装状況

関連情報

• その他のテキストレベルセマンティクス要素: <a>、 <em>、 <strong>、 <small>、 <cite>、 <q>、 <dfn>、 <time>、 <code>、 <var>、 <samp>、 <kbd>、 <sub>、 <sup>、 <b>、 <i>、 <mark>、 <ruby>、 <rp>、 <rt>、 <bdo>、 <span>、 <br>、 <wbr>