HTML img标签的alt属性是什么意思?HTML img标签的alt属性详解


本文摘自PHP中文网,作者寻∝梦,侵删。

本篇文章主要的介绍了关于HTML中的img标签alt属性的定义和具体的实例介绍,接来下让我们一起看文章吧

首先,我们先来看看img标签的alt属性是什么意思?

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

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

  • 网速太慢

  • src 属性中的错误

  • 浏览器禁用图像

  • 用户使用的是屏幕阅读器

<img>标签的alt属性指定了替代文本,用于在图像无法显示或者用户禁用图像显示时,代替图像显示在浏览器中的内容。

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

注释:alt 属性的值是一个最多可以包含 1024 个字符的字符串,其中包括空格和标点。这个字符串必须包含在引号中。这段 alt 文本中可以包含对特殊字符的实体引用,但它不允许包含其他类别的标记,尤其是不允许有任何样式标签。

注释:当用户把鼠标移动到 img 元素上时,Internet Explorer 会显示出 alt 属性的值。这种行为并不正确。所有其他的浏览器正在向规范靠拢,只要当图像无法显示时,才会显示出替代文本。

提示:如果需要为图像创建工具提示,请使用 title 属性。

HTML img标签的alt属性的实例:

带有替代文本的图像:

1

<img src="img_logo.gif" alt="www.php.cn" />

HTML img标签的alt属性的语法:

1

<img alt="text" />

HTML img标签的alt属性的属性:

阅读剩余部分

相关阅读 >>

html中怎么隐藏列表

html+css+js实现星空旋转和文字淡入效果(附代码)

html怎么注释?

html img标签的绝对路径怎么写?html img标签绝对路径的使用方法

html文件路径有哪些类型

html的<select> 标签

img标签是什么标签

html实现不显示表格边框线需要设置什么属性

html的a标签href属性指定相对路径与绝对路径的用法讲解

浅谈html img标签中的srcset属性

更多相关阅读请进入《alt》频道 >>




JavaScript 从入门到项目实践
书籍

JavaScript 从入门到项目实践

清华大学出版社

本书采取“基础知识→核心应用→核心技术→高级应用→行业应用→项目实践”的结构和“由浅入深,由深到精”的学习模式进行讲解。全书共35章,不仅介绍了HTML、CSS、对象、函数、事件等JavaScript语言的基础知识,而且深入介绍了jQuery、客户端、服务器端、数据存储等核心技术。



打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...