<abbr>
<abbr> は HTML の要素で、略語や頭字語を表します。
略語や頭字語を記載する場合、最初の使用時には、略語をマークアップするための <abbr> とともに、その用語の完全な展開をプレーンテキストで提供してください。これにより、ユーザーにその略語や頭字語の意味を知らせることができます。
オプションの title 属性で、略語や頭字語の完全な展開形が存在しない場合に、その展開形を提供することができます。これは、ユーザーエージェントがコンテンツをどのように告知/表示するかのヒントを提供し、同時にすべてのユーザーにその略語が意味していることを知らせます。設定する場合、title はこの完全な説明のみを含み、それ以外を含んではいけません。
対応ブラウザ
| 機能 | デスクトップ | モバイル | ||||
|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Chrome Android | Safari iOS | |
| 2 | 12 | 1 | 4 | 18 | 3.2 | |
注釈 1件
実装メモ
- Firefox 4以前では、この要素は標準の `HTMLElement` インターフェイスの代わりに `HTMLSpanElement` インターフェイスを実装していた。
基本構文
HTML
<p><abbr title="HyperText Markup Language">HTML</abbr> is
a language that defines the structure of web pages.</p>
<p>The <abbr title="World Wide Web Consortium">W3C</abbr>
develops the specifications.</p>ライブデモ
term. abbreviation
Title attribute in hover time to positive notationname display.abbreviation to style apply.
プレビュー全画面表示
abbreviationlist
Multiple. abbreviation listshape notation in display.hover in positive notationname inspect the result..
プレビュー全画面表示
abbreviation with textinside.
textchapterwithinabbreviation to usagepattern.initialout time to positive notationname record.
プレビュー全画面表示
実務での使いどころ
-
<abbr> の活用
<abbr> は HTML の要素で、略語や頭字語を表します。
注意点
- 古いブラウザでは対応していない場合がある。
アクセシビリティ
- スクリーンリーダーでの読み上げを確認すること。