<abbr> - 略語、頭字語

abbrは、略語や頭字語をマークアップするタグです。title属性には、略語の正式名称を指定します。title属性を指定すると、ユーザーは、abbrタグにマウスをホバーして表示されるツールチップで、正式名称を確認できるようになります。abbrというタグ名は、abbreviationから来ています。

説明

title
略語の正式名称を指定する。abbrタグにおけるtitle属性だけ、他のタグとは違って「正式名称を指定する」という役割になる。

下記は、Dragon QuestとFinal Fantasyというテレビゲームの略語をマークアップした例です。title属性を指定しているため、マークアップした略語の部分にマウスカーソルをホバーすると、正式名称のツールチップが表示されます。

HTML

<p>私が子供の頃はね、人気ゲームと言えば<abbr title="Dragon Quest">DQ</abbr>と<abbr title="Final Fantasy">FF</abbr>だったんだよ。</p>

私が子供の頃はね、人気ゲームと言えばDQFFだったんだよ。

頭字語(とうじご)とは、単語の頭文字を繋げた略語のことです。例えば、NATO(North Atlantic Treaty Organization)やNASA(National Aeronautics and Space Administration)が挙げられます。

HTML

<p>私は<abbr title="North Atlantic Treaty Organization">NASA</abbr>の出身だ。</p>
<p><abbr title="National Aeronautics and Space Administration">NATO</abbr>は軍事同盟のことだ。</p>

私はNASAの出身だ。

NATOは軍事同盟のことだ。

概要

カテゴリー
  • Flow content (フロー・コンテンツ)
  • Phrasing content (フレージング・コンテンツ)
  • Palpable content (パルパブル・コンテンツ)
コンテンツモデル
フレージングコンテンツ
利用できる場所
フレージングコンテンツが期待される場所で使用できます。
利用できる属性
グローバル属性
許可されている、全てのグローバル属性を指定できます。
title
略語の正式名称を指定する。abbrタグにおけるtitle属性だけ、他のタグとは違って「正式名称を指定する」という役割になる。
タグの省略
abbrタグは、開始タグ、終了タグ、共に省略することはできません。

参考情報

abbr要素に関する情報は、下記サイトで確認できます。

  • W3C … W3CによるHTML5勧告。abbrの項目。
  • HTML language reference … W3Cによるabbrのリファレンス。
  • WHATWG … WHATWGによる仕様書、HTML Living Standard。abbr要素の仕様。