美文网首页
HTML中img标签中的alt的作用

HTML中img标签中的alt的作用

作者: aw4ker | 来源:发表于2018-01-11 10:41 被阅读0次

    <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 属性通常是他们了解图像内容的唯一方式。

    相关文章

      网友评论

          本文标题:HTML中img标签中的alt的作用

          本文链接:https://www.haomeiwen.com/subject/yldznxtx.html