HTML alt 属性
定义和用法
如果用户由于某种原因无法查看图像（由于连接速度慢、src 属性中的错误或用户使用屏幕阅读器），则 alt 属性提供图像的替代信息。
注意： <img> 元素需要 alt 属性。
注意： 对于 <input> 元素，alt 属性只能与 <input type="image"> 一起使用。
提示： 要为图像创建工具提示，请使用 title 属性！
适用于
alt 属性可用于以下元素：
| 元素 Element | 属性 Attribute |
|---|---|
| <area> | alt |
| <img> | alt |
| <input> | alt |
示例
Area 示例
带有可点击区域的图像地图：
<img src="../assets/workplace.jpg" alt="Workplace" usemap="#workmap" width="400" height="379"> <map name="workmap"> <area shape="rect" coords="34,44,270,350" alt="Computer" href="a.html"> <area shape="rect" coords="290,172,333,250" alt="Phone" href="abbr.html"> <area shape="circle" coords="337,300,44" alt="Cup of coffee" href="address.html"> </map>
Img 示例
图片找不到，指定 alt 内容替代文本的图像：
<img src="smiley.gif" alt="Smiley face">
Input 示例
带有代表提交按钮的图像的 HTML 表单，图片不存在显示 alt 内容：
<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 属性对每个元素都有以下浏览器支持：
| 元素 Element |
|
|
|
|
|
|---|---|---|---|---|---|
| area | Yes | Yes | Yes | Yes | Yes |
| img | Yes | Yes | Yes | Yes | Yes |
| input | Yes | Yes | Yes | Yes | Yes |