HTML <img> 标签alt属性

  • <img>标签alt属性定义和用法

    如果无法显示图像,则必需的alt属性指定图像的替代文本。
    如果用户由于某种原因无法查看(由于连接速度慢,src属性中的错误或用户使用屏幕阅读器),alt属性会为图像提供备用信息。
    提示:要为图像创建工具提示,请使用title属性

  • <img>标签alt属性浏览器支持

    Edge/IE Chrome FireFox Safari Opera
    支持 支持 支持 支持 支持

    注意:当鼠标悬停在图像上时,Internet Explorer 7(及更早版本)会将alt属性的值显示为工具提示。根据HTML规范,这不是正确的行为。

  • HTML4.01和HTML5之间的差异

    没有。

  • <img>标签alt属性语法

    <img alt="text">

  • <img>标签alt属性实例

    <!DOCTYPE html>
    <html>
    <body>
    
    <img src="/images/smiley.png" alt="Smiley face" width="42" height="42">
    
    </body>
    </html>
    
    尝试一下
  • <img>标签alt属性值

    属性值 描述
    text 指定图像的替代文本。
    替代文字指南:
    如果图像包含信息,则文本应描述图像
    如果图像在<a>元素内,文本应该解释链接的位置
    如果图像仅用于装饰,请使用alt =“”