title

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

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

  • <iframe> 要素の支援技術のためのラベル付け
  • プログラム的に関連付けれた<input> 要素のためのラベルを、実際の <label> の代替として提供
  • データ表内のコントロールのラベル付け

title 属性は <link>, <abbr>, <input>, <menuitem> の各要素において、追加の意味を持ちます。

複数行のタイトル

title 属性は複数の行を含むことができます。それぞれの U+000A LINE FEED (LF) 文字が改行を表します。いくつか注意しなければならないのは、これが次のように二行にわたって描画されることです。

HTML

<p>Newlines in <code>title</code> should be taken into account,
like <abbr title="This is a 
multiline title">example</abbr>.</p>

結果

title 属性の継承

要素に title 属性がない場合、属性値は親ノードから継承され、さらにそれはその親ノードから継承されるというようになります。

この属性が空文字列に設定されると、その祖先の title が関係なく、この要素のツールチップとして使用するべきではないことを意味します。

HTML

<div title="CoolTip">
  <p>Hovering here will show “CoolTip”.</p>
  <p title="">Hovering here will show nothing.</p>
</div>

結果

アクセシビリティの考慮事項

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> を除くすべての要素で対応。

ブラウザーの互換性

Update compatibility data on GitHub
デスクトップモバイル
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewAndroid 版 ChromeAndroid 版 FirefoxAndroid 版 OperaiOSのSafariSamsung Internet
titleChrome 完全対応 ありEdge 完全対応 ありFirefox 完全対応 ありIE 完全対応 ありOpera 完全対応 ありSafari 完全対応 ありWebView Android 完全対応 ありChrome Android 完全対応 ありFirefox Android 完全対応 ありOpera Android 完全対応 ありSafari iOS 完全対応 ありSamsung Internet Android 完全対応 あり
Multi-line supportChrome 完全対応 ありEdge 完全対応 ありFirefox 完全対応 ありIE 完全対応 ありOpera 完全対応 ありSafari 完全対応 ありWebView Android 完全対応 ありChrome Android 完全対応 ありFirefox Android 完全対応 ありOpera Android ? Safari iOS ? Samsung Internet Android 完全対応 あり

凡例

完全対応  
完全対応
実装状況不明  
実装状況不明

関連情報