什么是alt属性?alt属性的用法?

原创 大王  2018-07-14 15:08  1,093人阅读
alt属性用在html语言中 <img> 标签里,也叫替代文字,用于说明图片文件的内容。用好alt属性,对网站的seo非常有帮助。
网页打开正常时,鼠标放在图片上会显示替代文本,就像这样:
alt属性正常显示
如果无法显示图像,浏览器将显示替代文本,就像这样:
alt属性示意图
温馨提示
看下官方的定义:
alt 属性是一个必需的属性,它规定在图像无法显示时的替代文本。
假设由于下列原因用户无法查看图像,alt 属性可以为图像提供替代的信息:

  • 网速太慢
  • src 属性中的错误
  • 浏览器禁用图像
  • 用户使用的是屏幕阅读器

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

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

alt属性如何添加

不太好的:
<img src="puppy.jpg" alt=""/>
较好的:
<img src="puppy.jpg" alt="小狗"/>
最好的:
<img src="puppy.jpg" alt="斑点狗取回猎物"/>
应避免
<img src="puppy.jpg" alt="小狗 幼犬 小犬 幼狗 拾猎犬  拉布拉多猎犬 猎狼犬 赛特犬 导盲犬 杰克 拉塞尔犬 小猎犬狗粮 便宜的狗粮 小狗食物"/>
本文地址:http://www.dawangseo.com/baike/31.html
版权声明:本文为原创文章,版权归 SEO学习网 所有,欢迎分享本文,转载请保留出处!
PREVIOUS:已经是最后一篇了

发表评论


表情