title (attribute)
title グローバル属性は、要素に関するアドバイザリー情報を表すテキストを含みます。
対応ブラウザ
| 機能 | デスクトップ | モバイル | ||||
|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Chrome Android | Safari iOS | |
| 1 | 12 | 1 | ≤4 | 18 | ≤3.2 | |
| DOM API | ||||||
| HTMLElement.title プロパティは、要素のタイトルを表します。 通常、テキストは、マウスがノード上にあるときに「ツールチップ」ポップアップに表示されます。 | 1 | 12 | 1 | 3 | 18 | 1 |
| その他 | ||||||
html.global_attributes.title.multi-line_titles 複数行のタイトル | ≤64 | 12 | ≤58 | ≤11 | ≤64 | ≤11 |
基本構文
HTML
<p title="これはツールチップです">Please hover over</p>
<abbr title="HyperText Markup Language">HTML</abbr>ライブデモ
実務での使いどころ
-
title (attribute) の活用
title グローバル属性は、要素に関するアドバイザリー情報を表すテキストを含みます。
注意点
- 古いブラウザでは対応していない場合がある。
アクセシビリティ
- スクリーンリーダーでの読み上げを確認すること。