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