このウェブサイトはご利用の端末での閲覧に対応していません。
This website does not support your device.

abbr要素/略語

記事Apr. 29th,2015
Dec. 6th,2019
略語や頭字語を表す要素
この記事はHTML Living Standardに対応しています。
この記事はHTML Living Standardに対応しています。

要素について

概要

abbr”要素は略語や頭字語を表し、“title”属性を使用してその略語の正式名称を示すことができます。

多くの場合作者の利便性のために使用されるものであり、必ずすべての略語に使用しなければいけないわけではありません。

サンプルコード

<p>世界は<abbr>WWW</abbr>でつながっている。</p>

世界はWWWでつながっている。

属性と値

属性
属性 説明 説明
任意属性
グローバル属性
title="" 略語の正式名称 テキスト 略語の正式名称
廃止された属性
id="" 固有の識別子を指定する 文字列 ID名
class="" クラス名を指定する 文字列 クラス名
lang="" 内容の記述言語を示す 言語コード 内容が記述されている言語
dir="" 書字方向を示す auto 自動
ltr 左から右へ文字を書く
rtl 右から左へ文字を書く
style="" 直接スタイルシートを指定する スタイルシート スタイルシートのプロパティ
onclick="" クリックされた時に実行されるスクリプト スクリプト クリックされた時に実行されるスクリプト
ondblclick="" ダブルクリックされた時に実行されるスクリプト スクリプト ダブルクリックされた時に実行されるスクリプト
onmousedown="" 要素上でマウスのボタンを押した時に実行されるスクリプト スクリプト 要素上でマウスのボタンを押した時に実行されるスクリプト
onmouseup="" 要素上でマウスのボタンを放した時に実行されるスクリプト スクリプト 要素上でマウスのボタンを放した時に実行されるスクリプト
onmouseover="" マウスのカーソルを要素と重なった時に実行されるスクリプト スクリプト マウスのカーソルを要素と重なった時に実行されるスクリプト
onmousemove="" 要素上でマウスのカーソルを移動した時に実行されるスクリプト スクリプト 要素上でマウスのカーソルを移動した時に実行されるスクリプト
onmouseout="" マウスのカーソルを要素の外へ移動した時に実行されるスクリプト スクリプト マウスのカーソルを要素の外へ移動した時に実行されるスクリプト
onkeypress="" 要素上でキーを押して放した時に実行されるスクリプト スクリプト 要素上でキーを押して放した時に実行されるスクリプト
onkeydown="" 要素上でキーが押された時に実行されるスクリプト スクリプト 要素上でキーが押された時に実行されるスクリプト
onkeyup="" 要素上でキーを放した時に実行されるスクリプト スクリプト 要素上でキーを放した時に実行されるスクリプト

グローバル属性title”属性は“abbr”要素に指定した場合は略語の正式名称を意味します。

仕様書

abbr”要素はHTML4.0から定義されている要素です。現行の仕様であるHTML Living Standardでも定義されています。

HTML 4 HTML 5 HTML 5.1 HTML 5.2 HTML Living Standard
<abbr>
定義あり

定義あり

定義あり

定義あり

定義あり
HTML 4 HTML 5 HTML 5.1 HTML 5.2 HTML Living Standard
title=""
定義あり

定義あり

定義あり

定義あり

定義あり
HTML 4 HTML 5 HTML 5.1 HTML 5.2 HTML Living Standard
id=""
定義あり

グローバル属性

グローバル属性

グローバル属性

グローバル属性
class=""
定義あり

グローバル属性

グローバル属性

グローバル属性

グローバル属性
lang=""
定義あり

グローバル属性

グローバル属性

グローバル属性

グローバル属性
dir=""
定義あり

グローバル属性

グローバル属性

グローバル属性

グローバル属性
style=""
定義あり

グローバル属性

グローバル属性

グローバル属性

グローバル属性
onclick=""
定義あり

グローバル属性

グローバル属性

グローバル属性

グローバル属性
ondblclick=""
定義あり

グローバル属性

グローバル属性

グローバル属性

グローバル属性
onmousedown=""
定義あり

グローバル属性

グローバル属性

グローバル属性

グローバル属性
onmouseup=""
定義あり

グローバル属性

グローバル属性

グローバル属性

グローバル属性
onmouseover=""
定義あり

グローバル属性

グローバル属性

グローバル属性

グローバル属性
onmousemove=""
定義あり

グローバル属性

グローバル属性

グローバル属性

グローバル属性
onmouseout=""
定義あり

グローバル属性

グローバル属性

グローバル属性

グローバル属性
onkeypress=""
定義あり

グローバル属性

グローバル属性

グローバル属性

グローバル属性
onkeydown=""
定義あり

グローバル属性

グローバル属性

グローバル属性

グローバル属性
onkeyup=""
定義あり

グローバル属性

グローバル属性

グローバル属性

グローバル属性

各属性の詳細

title”属性

概要

title”属性はグローバル属性ですが、“abbr”要素に指定した場合はその略語の正式名称や省略されていない形を示します。それ以外のものを含めることはできません。

title”属性を指定した“abbr”要素がdfn”要素の中で入れ子になっている場合はこの略語が定義される用語であることを示します。

指定できる値

属性値 説明
テキスト 略語の正式名称

サンプルコード

略語の正式名称を示す
<p><abbr title="HyperText Markup Language">HTML</abbr>でマークアップする。</p>
略語が定義される用語であることを示す
<p><dfn><abbr title="Past Midday">PM</abbr></dfn>は12時から24時までを指す。</p>
略語の正式名称を示す

HTMLでマークアップする。

略語が定義される用語であることを示す

PMは12時から24時までを指す。

アルファベットの略語だけでなく日本語などの略語にも使用することができます。

<p>私は<abbr title="教科用図書">教科書</abbr>を読むように言われた。</p>

私は教科書を読むように言われた。

廃止された属性

id”属性

概要

id”属性は固有の識別子(ID名)を指定するための属性です。ID名はスタイルシートのセレクターとして要素にスタイルを適用するのに使用したり、リンクやスクリプトなどで要素を参照先とするために使用したりすることができます。

id”属性はHTML5からグローバル属性になりました。“abbr”要素の属性としては定義されていませんが引き続き使用することが可能です。

id”属性についてはこちらのページを参照。
グローバル属性-HTMLタグ辞書

指定できる値

属性値 説明
文字列 ID名

サンプルコード

<p>私は<abbr id="blue">HTML</abbr>でウェブサイトを作るように言われた。</p>

class”属性

概要

class”属性は要素にクラス名を指定するための要素です。クラス名はスタイルシートのクラスセレクターとして要素にスタイルを適用するのに使用したり、スクリプトで要素を参照先とするために使用したりすることができます。

class”属性はHTML5からグローバル属性になりました。“abbr”要素の属性としては定義されていませんが引き続き使用することが可能です。

class”属性についてはこちらのページを参照。
グローバル属性-HTMLタグ辞書

指定できる値

属性値 説明
文字列 クラス名

サンプルコード

<p>私は<abbr class="italic-text">HTML</abbr>でウェブサイトを作るように言われた。</p>

dir”属性

概要

dir”属性はテキストの書字方向を示す属性です。

bdo”要素に指定した場合のようにその文字にもともと設定されている書字方向を上書きすることはできません。例えば、日本語を右から左に書くのには使用できません。

dir”属性はHTML5からグローバル属性になりました。“abbr”要素の属性としては定義されていませんが引き続き使用することが可能です。

dir”属性についてはこちらのページを参照。
グローバル属性-HTMLタグ辞書

指定できる値

属性値 説明
auto 自動
ltr 左から右へ文字を書く
rtl 右から左へ文字を書く

サンプルコード

<p>
يمكن للغة <abbr dir="ltr">HTML</abbr> أن تُضمِّن برامجَ مكتوبةٍ بلغات مثل جافا سكريبت لتعديل سلوك ومحتوى صفحات الويب؛ وإضافة شيفرات أوراق الأنماط المتتالية <abbr dir="ltr">CSS</abbr> تؤدي إلى تعريف شكل وتخطيط المحتوى.
</;p>

lang”属性

概要

lang”属性は記述されている言語を示します。

lang”属性はHTML5からグローバル属性になりました。“abbr”要素の属性としては定義されていませんが引き続き使用することが可能です。

lang”属性についてはこちらのページを参照。
グローバル属性-HTMLタグ辞書

指定できる値

属性値 説明
言語コード 記述されている言語

サンプルコード

<p>彼女は<abbr lang="ja">高校</abbr>に通う<abbr lang="ja">JK</abbr>だが今日は<abbr lang="en">AWOL</abbr>した。</p>

style”属性

概要

style”属性は直接スタイルシートを記述するための属性です。

style”属性はHTML5からグローバル属性になりました。“abbr”要素の属性としては定義されていませんが引き続き使用することが可能です。

style”属性についてはこちらのページを参照。
グローバル属性-HTMLタグ辞書

指定できる値

属性値 説明
スタイルシート スタイルシートのプロパティ

サンプルコード

<p>私は<abbr style=" font-style: italic;">HTML</abbr>でウェブサイトを作るように言われた。</p>

onclick”属性

概要

onclick”属性はクリックされた時に実行されるスクリプトを指定する属性です。

onclick”属性はHTML5からグローバル属性になりました。“abbr”要素の属性としては定義されていませんが引き続き使用することが可能です。

onclick”属性についてはこちらのページを参照。
イベント属性-HTMLタグ辞書

指定できる値

属性値 説明
スクリプト クリックされた時に実行されるスクリプト

サンプルコード

<p>私は<abbr onclick="alert('Hello')">HTML</abbr>でウェブサイトを作るように言われた。</p>

ondblclick”属性

概要

ondblclick”属性はダブルクリックされた時に実行されるスクリプトを指定する属性です。

ondblclick”属性はHTML5からグローバル属性になりました。“abbr”要素の属性としては定義されていませんが引き続き使用することが可能です。

ondblclick”属性についてはこちらのページを参照。
イベント属性-HTMLタグ辞書

指定できる値

属性値 説明
スクリプト ダブルクリックされた時に実行されるスクリプト

サンプルコード

<p>私は<abbr ondblclick="alert('Hello')">HTML</abbr>でウェブサイトを作るように言われた。</p>

onmousedown”属性

概要

onmousedown”属性は要素上でマウスのボタンを押した時に実行されるスクリプトを指定する属性です。

onmousedown”属性はHTML5からグローバル属性になりました。“abbr”要素の属性としては定義されていませんが引き続き使用することが可能です。

onmousedown”属性についてはこちらのページを参照。
イベント属性-HTMLタグ辞書

指定できる値

属性値 説明
スクリプト 要素上でマウスのボタンを押した時に実行されるスクリプト

サンプルコード

<p>私は<abbr onmousedown="alert('Hello')">HTML</abbr>でウェブサイトを作るように言われた。</p>

onmouseup”属性

概要

onmouseup”属性は 要素上でマウスのボタンを放した時に実行されるスクリプトを指定する属性です。

onmouseup”属性はHTML5からグローバル属性になりました。“abbr”要素の属性としては定義されていませんが引き続き使用することが可能です。

onmouseup”属性についてはこちらのページを参照。
イベント属性-HTMLタグ辞書

指定できる値

属性値 説明
スクリプト 要素上でマウスのボタンを放した時に実行されるスクリプト

サンプルコード

<p>私は<abbr onmouseup="alert('Hello')">HTML</abbr>でウェブサイトを作るように言われた。</p>

onmouseover”属性

概要

onmouseover”属性はマウスのカーソルを要素と重なった時に実行されるスクリプトを指定する属性です。

onmouseover”属性はHTML5からグローバル属性になりました。“abbr”要素の属性としては定義されていませんが引き続き使用することが可能です。

onmouseover”属性についてはこちらのページを参照。
イベント属性-HTMLタグ辞書

指定できる値

属性値 説明
スクリプト マウスのカーソルを要素と重なった時に実行されるスクリプト

サンプルコード

<p>私は<abbr onmouseover="alert('Hello')">HTML</abbr>でウェブサイトを作るように言われた。</p>

onmousemove”属性

概要

onmousemove”属性は要素上でマウスのカーソルを移動した時に実行されるスクリプトを指定する属性です。

onmousemove”属性はHTML5からグローバル属性になりました。“abbr”要素の属性としては定義されていませんが引き続き使用することが可能です。

onmousemove”属性についてはこちらのページを参照。
イベント属性-HTMLタグ辞書

指定できる値

属性値 説明
スクリプト 要素上でマウスのカーソルを移動した時に実行されるスクリプト

サンプルコード

<p>私は<abbr onmousemove="alert('Hello')">HTML</abbr>でウェブサイトを作るように言われた。</p>

onmouseout”属性

概要

onmouseout”属性はマウスのカーソルを要素の外へ移動した時に実行されるスクリプトを指定する属性です。

onmouseout”属性はHTML5からグローバル属性になりました。“abbr”要素の属性としては定義されていませんが引き続き使用することが可能です。

onmouseout”属性についてはこちらのページを参照。
イベント属性-HTMLタグ辞書

指定できる値

属性値 説明
スクリプト マウスのカーソルを要素の外へ移動した時に実行されるスクリプト

サンプルコード

<p>私は<abbr onmouseout="alert('Hello')">HTML</abbr>でウェブサイトを作るように言われた。</p>

onkeypress”属性

概要

onkeypress”属性は要素上でキーを押して放した時に実行されるスクリプトを指定する属性です。

onkeypress”属性はHTML5からグローバル属性になりました。“abbr”要素の属性としては定義されていませんが引き続き使用することが可能です。

onkeypress”属性についてはこちらのページを参照。
イベント属性-HTMLタグ辞書

指定できる値

属性値 説明
スクリプト 要素上でキーを押して放した時に実行されるスクリプト

サンプルコード

<p>私は<abbr onkeypress="alert('Hello')">HTML</abbr>でウェブサイトを作るように言われた。</p>

onkeydown”属性

概要

onkeydown”属性は要素上でキーが押された時に実行されるスクリプトを指定する属性です。

onkeydown”属性はHTML5からグローバル属性になりました。“abbr”要素の属性としては定義されていませんが引き続き使用することが可能です。

onkeydown”属性についてはこちらのページを参照。
イベント属性-HTMLタグ辞書

指定できる値

属性値 説明
スクリプト 要素上でキーが押された時に実行されるスクリプト

サンプルコード

<p>私は<abbr onkeydown="alert('Hello')">HTML</abbr>でウェブサイトを作るように言われた。</p>

onkeyup”属性

概要

onkeyup”属性は要素上でキーを放した時に実行されるスクリプト を指定する属性です。

onkeyup”属性はHTML5からグローバル属性になりました。“abbr”要素の属性としては定義されていませんが引き続き使用することが可能です。

onkeyup”属性についてはこちらのページを参照。
イベント属性-HTMLタグ辞書

指定できる値

属性値 説明
スクリプト 要素上でキーを放した時に実行されるスクリプト

サンプルコード

<p>私は<abbr onkeyup="alert('Hello')">HTML</abbr>でウェブサイトを作るように言われた。</p>
一番上へ
トップにもどる
シェアする
シェアする
Facebookでシェアする
ツイート
Google+でシェア
Pocket
はてなブックマーク