HTML中img标签中的alt的作用

<img src="file_name">是插入图片的基本语法,但是经常在例如:<img src="file:///D|/图片/图片名.png" width="500" height="50"  alt="XXX">中在定义好图片地址和宽度高度后又出来一个alt=“xxx“。其作用是如果无法显示图像,浏览器将显示替代文本,就像这样:<img src="file:D///郁金香.jpg" alt="上海鲜花港-郁金香"/>

此外,当用户把鼠标移到图像上方,最新的浏览器会在一个文本框中显示描述性文本。下面的代码在 alt 属性中为图像添加了描述性文本:

您可以把鼠标移动到下面的照片上,看看相应的效果:

红圈中的文本框是用户把鼠标移动到图像上时,IE7 浏览器所显示的效果:

定义和用法

alt 属性是一个必需的属性,它规定在图像无法显示时的替代文本。

假设由于下列原因用户无法查看图像,alt 属性可以为图像提供替代的信息:

网速太慢

src 属性中的错误

浏览器禁用图像

用户使用的是屏幕阅读器

我们强烈推荐您在文档的每个图像中都使用这个属性。这样即使图像无法显示,用户还是可以看到关于丢失了什么东西的一些信息。而且对于残疾人来说,alt 属性通常是他们了解图像内容的唯一方式。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • HTML标签解释大全 一、HTML标记 标签:!DOCTYPE 说明:指定了 HTML 文档遵循的文档类型定义(D...
    米塔塔阅读 3,532评论 1 41
  • 1、窗体 1、常用属性 (1)Name属性:用来获取或设置窗体的名称,在应用程序中可通过Name属性来引用窗体。 ...
    Moment__格调阅读 4,795评论 0 11
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 136,665评论 19 139
  • 那是我16岁,高一,遇见了他,那个白净阳光的少年,那个承载了我最多恋爱梦的少年,那个曾经让我哭的少年,那个让我写过...
    恩丫头阅读 325评论 0 0
  • 门外黑漆漆的,安静的要命。屋里锁着我自己。 “开门!有人吗开个门让我进去!”随之而来一阵门剧烈晃动的声音。“请你开...
    陈回望阅读 226评论 0 0

友情链接更多精彩内容