吹き出しを表示する「alt 属性」と「title 属性」

alt属性

画像を表示するタグ<img>の属性 alt は画像を表示できないときに代替えテキストを表示させるものです。

【ソース】

<img src="img/futaba02.gif" alt="ふたばの画像">

また、alt属性が記述してある画像にマウスカーソルを乗せると吹き出し(チップヘルプ/バルーンヘルプ)で代替えテキストが表示されます。
(※Mac版IEとNNでは吹き出しは出ません)

ふたばの画像←マウスを乗せてみてください。

ホームページを閲覧する人の環境は色々です。altは画像を見ることのできない閲覧者のために記述しておいた方がいい属性といえます。

title属性

title はaltと同じように補足的な情報を表示させる属性です。altはimg(画像)にしか付けられませんがtitleは<head><html>を除く全てのタグに付けることができます。

【ソース】

<a href="#" title="**へのリンク">ココにマウスを乗せてください</a>

ココにマウスを乗せてください

試しにM+KBOXのサイトの画像にマウスカーソルを乗せてみてください。
MacでもIEを使っている人には画像の説明を吹き出しで見ることがでるようにimgタグにaltとtitle両方の属性を記述しています。

吹き出しの出ないものもありますね。

<img src="img/futaba02.gif" alt="ふたばの画像" title="">

altを記述してもtitleの記述を空にしておけば吹き出しの必要のないものは表示させないようにできるわけです。