HTML <abbr>

<ABBR>タグは<ACRONYM>タグと同様に、単語の頭文字からなる略語 (abbreviation) であることを表します。 例えば、HTML (Hyper Text Markup Language) や WWW (World Wide Web) などです。

概要

HTML要素のタグ名、属性名および属性値は、大文字と小文字のどちらでもよい

<abbr>
  <!-- phrasing content. -->
</abbr>

<ABBR>
  <!-- phrasing content. -->
</ABBR>

タグの省略

abbr 要素の開始タグ及び終了タグは省略できない。

HTMLタグ<abbr> の使用例と表示サンプルを次に示します。表示結果はブラウザによって異なることがあります。

株価収益率を表す<abbr title="Price Earnings Ratio">PER</abbr>は、米国ではPE ratioと表記される。

株価収益率を表すPERは、米国ではPE ratioと表記される。

コンテンツ・モデル

abbr 要素の開始タグと終了タグの間には、フレージング・コンテンツを含めることができる。具体的には、以下に示す要素である。

• テキスト
• <a>
• <abbr>
• <area>（マップ要素の子孫である場合）
• <audio>
• <b>
• <bdi>
• <bdo>
• <br>
• <button>
• <canvas>
• <cite>
• <code>
• <data>
• <datalist>
• <del>
• <dfn>
• <em>
• <embed>
• <i>
• <iframe>
• <img>
• <input>
• <ins>
• <kbd>
• <label>
• <link>（本文中で許可されている場合）
• <map>
• <mark>
• <math>
• <meta>（itemprop 属性が存在する場合）
• <meter>
• <noscript>
• <object>
• <output>
• <picture>
• <progress>
• <q>
• <ruby>
• <s>
• <samp>
• <script>
• <select>
• <slot>
• <small>
• <span>
• <strong>
• <sub>
• <sup>
• <svg>
• <template>
• <textarea>
• <time>
• <u>
• <var>
• <video>
• <wbr>
• 自律型カスタム要素

属性

次に示す属性をabbr要素に指定できる。

accesskey

アクセスキーを指定する。

autocapitalize

自動的にキャピタライズするかどうかを、以下に示す列挙子で指定する。

autocapitalize

値	状態
off	自動的にキャピタライズしない。
none
on	文の最初の文字を大文字に、それ以外を小文字にする。
sentences
words	単語の最初の文字を大文字に、それ以外を小文字にする。
characters	すべての文字を大文字にする。

autofocus

ページが読み込まれた時点で、その要素にフォーカスを当てるかどうかをブール値で指定する。

class

CSSのクラスを指定する。空白で区切って、複数のクラスを指定できる。

dir

テキストの方向性を以下に示す列挙型で指定する。

dir

値	説明
ltr	左から右へ
rtl	右から左へ
auto	自動的に決定させる

id

HTML文書内で一意な識別子を指定する。

lang

言語を指定する。

style

CSSのプロパティを指定する。セミコロンで区切って、複数のプロパティを指定できる。

title

省略形ではない完全な用語を指定する。

<p>The <abbr title="Web Hypertext Application Technology Working Group">WHATWG</abbr>
is a community of people interested in evolving the web through standards and tests.</p>

The WHATWG is a community of people interested in evolving the web through standards and tests.

JavaScript

JavaScript の HTMLElement インタフェースを通じて abbr 要素へアクセスできる。HTMLElement インタフェースは以下に示すプロパティを持つ。

title

title 属性

document.querySelector("#whatwg").title = "Web Hypertext Application Technology Working Group";

lang

lang 属性

dir

dir 属性

accessKey

アクセスキー

namespaceURI

名前空間のURI（読み取り専用）

prefix

名前空間の接頭辞（読み取り専用）

tagName

タグ名（読み取り専用）

id

識別子

className

クラス名

参考文献

Web Hypertext Application Technology Working Group 2023. Text-level semantics. HTML Living Standard