最新のWeb開発のチュートリアル
 

HTML alt Attribute


定義と使用法

alt何らかの理由で、ユーザはそれを見ることができない場合、属性は、画像のための代替情報を提供する(遅いため、接続のため、内のエラーsrc属性、またはユーザがスクリーンリーダーを使用している場合)。

注: alt属性がのために必要とされる<img>要素。

注:のため<input>要素、 alt属性のみで使用することができます<input type="image">

ヒント:画像のツールヒントを作成するには、使用するtitle属性を!


に適用されます

alt属性は、次の要素で使用することができます。

要素 属性
<area> alt
<img> alt
<input> alt

Area

クリック可能な領域を有する画像マップ、:

<img src="planets.gif" width="145" height="126" alt="Planets"
usemap="#planetmap">

<map name="planetmap">
  <area shape="rect" coords="0,0,82,126" href="sun.htm" alt="Sun">
  <area shape="circle" coords="90,58,3" href="mercur.htm" alt="Mercury">
  <area shape="circle" coords="124,58,8" href="venus.htm" alt="Venus">
</map>
»それを自分で試してみてください

Img

指定された代替テキスト付き画像:

<img src="smiley.gif" alt="Smiley face">
»それを自分で試してみてください

Input

HTMLのform送信ボタンを表す画像と:

<form action="demo_form.asp">
  First name: <input type="text" name="fname"><br>
  <input type="image" src="submit.gif" alt="Submit" width="48" height="48">
</form>
»それを自分で試してみてください

ブラウザのサポート

alt属性は、要素ごとに以下のブラウザのサポートを持っています。

素子
area Yes Yes Yes Yes Yes
img Yes Yes Yes Yes Yes
input Yes Yes Yes Yes Yes