最新的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