title グローバル属性は、要素に関するアドバイザリー情報を表すテキストを含みます。
この対話型サンプルのソースファイルは GitHub リポジトリに格納されています。対話型サンプルプロジェクトに協力したい場合は、 https://github.com/mdn/interactive-examples をクローンしてプルリクエストを送信してください。
典型的な用途は以下の通りです。
この属性を省略した場合は、もっとも近い祖先要素の title が自身にも関係する (また、自身のツールチップでその title を使用してもよい) ことを意味します。この属性に空文字列を設定した場合は、もっとも近い祖先要素の title は関係がない（また、自身のツールチップで使用するものではない）ことを明示的に表します。
<link>, <abbr>, <input>, <menuitem> の各要素では、title 属性に意味が追加されています。
title 属性は複数の行を持つことができます。U+000A LINE FEED (LF) を挿入すると改行を表します。このために注意が必要です:
<p>Newlines in title should be taken into account,like this <abbr title="This is a multiline title">example</abbr>.</p>
上の例は、2行の title を定義します。
アクセシビリティの考慮事項
title 属性を使用することは、次のような人々にとって大きな問題になります。
- タッチのみの機器を使用している人々
- キーボードで操作している人々
- 読み上げソフトや拡大鏡などの支援技術のもとで操作している人々
- 細かい運動制御障碍を経験している人々
- 認知障碍のある人
これは主に、ブラウザーで表示されるページの支援技術による解析によって追加される複雑さが複合されたブラウザーの対応が矛盾しているためです。ツールチップ効果が必要な場合は、これらのブラウジング方法でもアクセスできるテクニックを使用する方が効果的です。
- 3.2.5.1. The title attribute | W3C HTML 5.2: 3. Semantics, structure, and APIs of HTML documents
- Using the HTML title attribute – updated | The Paciello Group
- Tooltips & Toggletips - Inclusive Components
- The Trials and Tribulations of the Title Attribute - 24 Accessibility
仕様書
| 仕様書 | 状態 | 備考 |
|---|---|---|
| HTML Living Standard title の定義 |
現行の標準 | 最新のスナップショットである HTML 5.1 から変更なし。 |
| HTML 5.1 title の定義 |
勧告 | HTML Living Standard のスナップショットであり、HTML5 から変更なし。 |
| HTML5 title の定義 |
勧告 | HTML Living Standard のスナップショット。 HTML 4.01 Specification から、真にグローバルな属性になりました。 |
| HTML 4.01 Specification title の定義 |
勧告 | <base>, <basefont>, <head>, <html>, <meta>, <param>, <script>, <title> を除くすべての要素で対応。 |
ブラウザーの対応
このページの互換性一覧表は構造化データから生成されています。データに協力したいのであれば、 https://github.com/mdn/browser-compat-data をチェックアウトしてプルリクエストを送信してください。
| デスクトップ | モバイル | ||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Internet Explorer | Opera | Safari | Android webview | Android 版 Chrome | Edge Mobile | Android 版 Firefox | Android 版 Opera | iOS 版 Safari | Samsung Internet | |
| 基本対応 | Chrome 完全対応 あり | Edge 完全対応 あり | Firefox 完全対応 あり | IE 完全対応 あり | Opera 完全対応 あり | Safari 完全対応 あり | WebView Android 完全対応 あり | Chrome Android 完全対応 あり | Edge Mobile 完全対応 あり | Firefox Android 完全対応 あり | Opera Android 完全対応 あり | Safari iOS 完全対応 あり | Samsung Internet Android 完全対応 あり |
| Multi-line support | Chrome 完全対応 あり | Edge 完全対応 あり | Firefox 完全対応 あり | IE 完全対応 あり | Opera ? | Safari 完全対応 あり | WebView Android ? | Chrome Android ? | Edge Mobile ? | Firefox Android 完全対応 あり | Opera Android ? | Safari iOS ? | Samsung Internet Android ? |
凡例
- 完全対応
- 完全対応
- 実装状況不明
- 実装状況不明
関連情報
- すべての グローバル属性。
HTMLElement.titleは、この属性を反映します。