HTML 标签的 alt 属性

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

实例

下面的表单拥有两个输入字段以及一个图像形式的提交按钮：

<!DOCTYPE html>
<html>
<body>
<h1>map 和 area 元素</h1>
<p>单击电脑、电话或咖啡杯，进入新页面，阅读有关该主题的更多信息：</p>
<img src="/images/workplace.jpg" alt="工作台" usemap="#workmap" width="400" height="379">
<map name="workmap">
  <area shape="rect" coords="34,44,270,350" alt="电脑" href="/example/html/computer.html">
  <area shape="rect" coords="290,172,333,250" alt="手机" href="/example/html/phone.html">
  <area shape="circle" coords="337,300,44" alt="一杯咖啡" href="/example/html/coffee.html">
</map>
</body>
</html>

运行一下

alt 属性用于 img 标签

<img src="smiley.gif" alt="微笑表情">

alt 属性用于 form 标签

<form action="/example/html/action_page.aspx">
  First name: <input type="text" name="fname"><br>
  <input type="image" src="submit.gif" alt="提交" width="48" height="48">
</form>

定义和用法

alt 属性用于 <area>,<img>, <input> 三种标签。

alt 属性在 input 标签中只能与 <input type="image"> 配合使用。它为图像输入规定替代文本。

alt 属性为用户由于某些原因无法查看图像时提供了备选的信息。图片需要提示文本时，可以用 title 属性。

注释：即使 alt 属性不是必需的属性，但是当输入类型为 image 时，仍然应该设置该属性。如果不使用该属性，就有可能对文本浏览器或非可视的浏览器造成使用障碍。

浏览器支持

属性
alt	Yes	Yes	Yes	No	Yes

除了 Safari，所有主流的浏览器都支持 "alt" 属性。

语法

<input alt="value">

属性值

值	描述
value	图像 input 的替代文本。

HTML 标签的 alt 属性

实例

定义和用法

浏览器支持

语法

属性值

分类导航