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 版 ChromeEdge MobileAndroid 版 FirefoxAndroid 版 OperaiOSのSafariSamsung Internet
基本対応Chrome 完全対応 ありEdge 完全対応 ありFirefox 完全対応 ありIE 完全対応 ありOpera 完全対応 ありSafari 完全対応 ありWebView Android 完全対応 ありChrome Android 完全対応 ありEdge Mobile 完全対応 ありFirefox Android 完全対応 ありOpera Android 完全対応 ありSafari iOS 完全対応 ありSamsung Internet Android 完全対応 あり
Multi-line supportChrome 完全対応 ありEdge 完全対応 ありFirefox 完全対応 ありIE 完全対応 ありOpera ? Safari 完全対応 ありWebView Android ? Chrome Android ? Edge Mobile ? Firefox Android 完全対応 ありOpera Android ? Safari iOS ? Samsung Internet Android ?

凡例

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

関連情報

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

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