HTML の title 属性

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

HTML

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

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

サンプル

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

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

グローバル属性

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

JavaScript

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

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

関連記事

class

dir

id

lang

onblur

onchange

onclick

oncontextmenu

ondblclick

onfocus

onkeydown

onkeypress

onkeyup

onmousedown

onmousemove

onmouseout

onmouseover

onmouseup

onselect

style

参考文献

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