title属性の概要
要素に補足的な情報を追加することができます。
スマホやタブレットでは現状使えない属性だと思いますが、開発が進めば利用できるようになる可能性もありまが
今は、この属性に頼りすぎないようにした方が無難です。
実機サンプル
PCのブラウザで以下の3つのテキストにカーソルを合わせてみて下さい。
表示されるのに少し時間が掛かるかも知れないのでユーザにうっとうしさを感じさせるかもしれません。
HTML
HTML
title属性の用途例と特別な意味をもつ要素
- リンク先のタイトルや説明
- 画像の著作権情報、撮影場所、撮影日時
- 引用元に関する追加情報
| 要素 | title属性の内容 |
|---|---|
| link要素 | リンク先のタイトル |
| dfn要素 | 定義される用語 |
| abbr要素 | 正式名称 |
| menuitem要素 | メニュー項目のヒント |
サンプルコード
<body>
<p><a title="YWORKのトップページへのリンク" href="../index.html">YWORK TOP</a></p>
<p><abbr title="HyperText Markup Language">HTML</abbr></p>
<p>
<abbr title="HyperText
Markup
Language"
>HTML
</abbr>
</p>
</body>