グローバル属性~“title”属性

“title”属性について

“title”属性は要素の補足情報を示すための属性です。一般的なブラウザでは“title”属性の値はその要素にカーソルをあてた時にツールチップとして表示されます。

多くのスマートフォン向けのブラウザではツールチップの情報は表示されないので“title”属性のみに頼って情報を提供することは推奨されません。

“title”属性が指定されていない要素は祖先要素に“title”属性があれば一番近い祖先要素の“title”属性に関連付けられます。関連付けたくない場合は空の値の“title”属性を指定します。

“link”要素、“abbr”要素、“input”要素、“menuitem”要素に指定された“title”属性は特別な意味を持ちます。

指定できる値

値は複数の行を持つことができます。本来改行するべきではない値に改行を含んでしまうとそのまま反映されてしまいますので注意が必要です。

サンプルコード

<p>以下の画像はこのウェブサイトのリンク用のバナーです。リンクをする場合はこのバナーを使用するかウェブサイトの名前「havin'a coffee break」のテキストでリンクしてください。</p>
<p><img src="banner.gif" alt="リンク用のバナー" title="234×60px 4.5KB"></p>
<p>※バナーはダウンロードして使用してください。直リンクは禁止です。</p>
<p><a href="index.html" title="havin'a coffee breakのトップページへ">HOME</a></p>


以下の画像はこのウェブサイトのリンク用のバナーです。リンクをする場合はこのバナーを使用するかウェブサイトの名前「havin'a coffee break」のテキストでリンクしてください。

※バナーはダウンロードして使用してください。直リンクは禁止です。

HOME