在HTML中,alt
属性用于为 <img>
标签指定替代文本。当图片无法加载或被屏幕阅读器(例如盲人使用的辅助工具)读取时,这段替代文本会被显示或读取出来,帮助用户理解图片的内容。
具体解释:
- alt={TEXT?} 是指图片的替代文本。其中,
TEXT?
代表该图片的描述文本,例如 alt="描述图片内容"
。
- 当图片显示正常时,
alt
属性对用户是不可见的,但它对于SEO(搜索引擎优化)和无障碍访问至关重要。屏幕阅读器会读取 alt
文本,帮助视力障碍的用户理解页面内容。
- 如果图片无法显示(如图片文件丢失、加载失败等情况),浏览器会显示
alt
属性中的文本,提供图片的基本信息。
例如:
<img src="image.jpg" alt="这是一张寒武纪公司 logo 的图片">
作用:
- 提升SEO:搜索引擎通过图片的
alt
属性了解图片内容,提高页面的可索引性。
- 无障碍访问:屏幕阅读器可以读出替代文本,帮助视障用户了解图片内容。
- 图片加载失败时的替代文本:如果图片无法加载,
alt
文本会显示,提供图片的描述。