定義和用法
該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>
試一試» 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 |