HTML alt 属性


定义和用法

如果用户由于某种原因无法查看图像(由于连接速度慢、src 属性中的错误或用户使用屏幕阅读器),则 alt 属性会为图像提供替代信息。

注释: <img> 元素需要 alt 属性。

注释: 对于 <input> 元素,alt 属性只能与 <input type="image"> 一起使用。

提示:要为图像创建工具提示,请使用 title 属性!


适用于

alt 属性可用于以下元素:

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

实例

Area 实例

图像映射,带有可点击区域:

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

<map name="planetmap">
  <area shape="rect" coords="0,0,82,126" href="sun.htm" alt="太阳">
  <area shape="circle" coords="90,58,3" href="mercur.htm" alt="水星">
  <area shape="circle" coords="124,58,8" href="venus.htm" alt="金星">
</map>
亲自试一试 »

Img 实例

指定替代文本的图像:

<img src="smiley.gif" alt="笑脸">
亲自试一试 »

Input 实例

带有代表提交按钮的图像的 HTML 表单:

<form action="/action_page.php">
  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