HTML title attribute

HTMLタグのtitle属性にはタイトルを記述します。タイトルを付けた要素にマウスポインタを乗せると、このタイトルがポップアップ表示されます。title属性は省略可能です。

HTML

title属性の使用例を次に示します。

<p title="タイトル">
  この段落マウスでポイントしてください。
</p>

サンプル

次にtitle属性の表示サンプルを示します。表示結果はブラウザによって異なることがあります。

この段落をマウスでポイントしてください。

グローバル属性

title属性はHTML5におけるグローバル属性です。すべてのHTMLタグにtitle属性を指定することができます。ただし、必ずしもtitle属性の効果があるとは限りません。

JavaScript

JavaScriptからはエレメントオブジェクトのtitleプロパティでtitle属性を参照及び設定できる。

let title = document.getElementById('p1').title

参考文献

Web Hypertext Application Technology Working Group (2022) "Semantics, structure, and APIs of HTML documents" HTML Living Standard