HTML alt 属性
定义和用法
如果用户由于某种原因无法查看图像(由于连接速度慢、src 属性错误或用户使用屏幕阅读器),则 alt 属性提供图像的替代信息。
注意:alt 属性对于<img> 元素是必需的。
注意:对于<input> 元素,alt 属性只能与<input type="image"> 一起使用。
提示:要为图像创建工具提示,请使用 title 属性!
适用于
alt 属性可以在以下元素上使用
元素 | 属性 |
---|---|
<area> | alt |
<img> | alt |
<input> | alt |
示例
区域示例
一个图像地图,带有可点击区域
<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>
自己试试 »
输入示例
一个 HTML 表单,其中一个图像代表提交按钮
<form action="/action_page.php">
姓氏:<input type="text" name="fname"><br>
<input type="image" src="submit.gif" alt="提交" width="48" height="48">
</form>
自己试试 »
浏览器支持
对于每个元素,<code class="w3-codespan">alt 属性具有以下浏览器支持
元素 | |||||
---|---|---|---|---|---|
area | 是 | 是 | 是 | 是 | 是 |
img | 是 | 是 | 是 | 是 | 是 |
input | 是 | 是 | 是 | 是 | 是 |