<abbr>: ABBR 要素

最終更新：2026-10-13

<abbr>ABBR 要素

略語（abbreviation）や頭字語（acronym）を表します。title 属性と組み合わせて正式名称を表示できます。

カテゴリ	テキスト内容
コンテンツモデル	フレージングコンテンツ
許可される親要素	フレージングコンテンツを受け入れる要素
閉じタグ	必要 `</abbr>` タグ
ステータス	標準

📝 構文

<abbr title="HyperText Markup Language">HTML</abbr>

すべてのグローバル属性を見る → すべてのイベント属性を見る →

▶ サンプル

下のコードを編集して、playground でリアルタイム結果を確認：

▶ 試してみる

🌐 ブラウザサポート

ブラウザ	Chrome	Edge	Firefox	Safari	Opera
<abbr>	✓ v1	✓ v12	✓ v1	✓ v1	✓ v1
すべての主要ブラウザでサポート

ヒント： <abbr> に title 属性を追加すると、ホバー時に正式名称が表示され、アクセシビリティとSEOに役立ちます。

❓ よくある質問

Qabbr タグは何に使うものですか？

A<abbr> は略語をマークし、title 属性で正式名称を提供します。たとえば <abbr title='HyperText Markup Language'>HTML</abbr> のように書くと、マウスオーバーでヒントが表示され、スクリーンリーダーや検索エンジンも略語の意味を理解できます。

Qabbr の title 属性はスマートフォンで使えますか？

A体験は良くありません。タッチデバイスにはホバーがなく、title のヒントはほぼ出せません。モバイルでは初出時に正式名称を直接書く（例：「HyperText Markup Language（HTML）」）か、<details> やカスタムツールチップなど、タップできる形で正式名称を見せる方法をおすすめします。

Qabbr は dfn と組み合わせるべきですか？

Aその略語を定義している最中なら組み合わせがおすすめです：<dfn><abbr title='CSS'>CSS</abbr></dfn>。本文中の通常の言及では <abbr> 単独で十分で、すべての箇所を dfn で包む必要はありません。