title

title グローバル属性は、要素に関するアドバイザリー情報を表すテキストを含みます。

この対話型サンプルのソースファイルは GitHub リポジトリに格納されています。対話型サンプルプロジェクトに協力したい場合は、 https://github.com/mdn/interactive-examples をクローンしてプルリクエストを送信してください。

典型的な用途は以下の通りです。

• <iframe> 要素のラベル付け
• <input> 要素の行内のプログラム的に関連付けられたラベルの提供
• データ表内のコントロールのラベル付け

この属性を省略した場合は、もっとも近い祖先要素の 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

仕様書

ブラウザーの対応

このページの互換性一覧表は構造化データから生成されています。データに協力したいのであれば、 https://github.com/mdn/browser-compat-data をチェックアウトしてプルリクエストを送信してください。

関連情報

• すべての グローバル属性。
• HTMLElement.title は、この属性を反映します。