Widely available すべての主要ブラウザで対応済み。安心して使用可能。
テキスト・構造 Widely available

<abbr>

<abbr> 要素は略語や頭字語を示します。title 属性に正式名称を記述することで、マウスホバー時にツールチップとして表示されます。

テキスト・構造

概要

<abbr> 要素は略語や頭字語を示します。title 属性に正式名称を記述することで、マウスホバー時にツールチップとして表示されます。

対応ブラウザ

デスクトップ

Chrome 2+
Edge 12+
Safari 4+
Firefox 1+

モバイル

Chrome Android 18+
Safari iOS 3.2+
Firefox Android 4+

基本構文

HTML 
<p><abbr title="HyperText Markup Language">HTML</abbr> は
ウェブページの構造を定義する言語です。</p>

<p><abbr title="World Wide Web Consortium">W3C</abbr> が
仕様を策定しています。</p>

実務での使いどころ

  • <abbr> の活用

    略語や頭字語を表す要素。title 属性で完全な表記を提供できる。

注意点

  • 古いブラウザでは対応していない場合がある。

アクセシビリティ

  • スクリーンリーダーでの読み上げを確認すること。

参考リンク