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

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

  • <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 属性を使用することは、次のような人々にとって大きな問題になります。

  • タッチのみの機器を使用している人々
  • キーボードで操作している人々
  • 読み上げソフトや拡大鏡などの支援技術のもとで操作している人々
  • 細かい運動制御障碍を経験している人々
  • 認知障碍のある人

これは主に、ブラウザーで表示されるページの支援技術による解析によって追加される複雑さが複合されたブラウザーの対応が矛盾しているためです。ツールチップ効果が必要な場合は、これらのブラウジング方法でもアクセスできるテクニックを使用する方が効果的です。

仕様書

仕様書 状態 備考
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> を除くすべての要素で対応。

ブラウザーの対応

機能ChromeEdgeFirefoxInternet ExplorerOperaSafari
基本対応 あり あり あり あり あり あり
Multi-line support あり あり あり あり ? あり
機能Android webviewChrome for AndroidEdge mobileFirefox for AndroidOpera AndroidiOS SafariSamsung Internet
基本対応 あり あり あり あり あり あり あり
Multi-line support ? ? ? あり ? ? ?

関連情報

ドキュメントのタグと貢献者

このページの貢献者: mfuji09, yyss
最終更新者: mfuji09,