图片的title属性和alt属性的区别

Posted 零度逍遥的博客

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了图片的title属性和alt属性的区别相关的知识,希望对你有一定的参考价值。

在前端开发中,经常遇到有人在问图片的alt属性和title属性的区别,这是因为很多人对于alt属性和title属性没有彻底搞明白,今天零度给大家分析分析。

title属性

首先,来看一下什么是title属性,在我们平时浏览网页的时候,我们经常会看到,当把鼠标放在一个文字链接上时,会弹出一段说明信息,这种提示信息就是通过title属性设置的。而不光文字链接有title属性,图片也可以设置title属性,title属性的作用就是提示的作用。

所以图片的title属性是提示作用,而这个提示作用是不管图片是否存在都会显示。

alt属性

图片的alt属性则是起到替代文字的作用,当图片不存在或者载入出错时候,那么该文字才会显示,以提高用户体验。值得注意的是在IE6浏览器下,如果一个图片没有title属性,有alt属性,鼠标放在图片上也会有title属性那样的效果(都有提示信息),不过这个是因为IE6浏览器的解析问题,在标准浏览器下就不会出现那样的情况了。

至此,大家应该明白title属性和alt属性的区别了吧,title属性什么时候都会显示,而alt属性只有在图片加载不出来的时候才会显示。

以上是关于图片的title属性和alt属性的区别的主要内容,如果未能解决你的问题,请参考以下文章

title与alt的区别

前端面试 HTML— 说说 title 和 alt 属性有什么区别?

HTML的img标签:alt属性和title属性 在后台哪里设置,怎么设置

img的属性alt 与 title的区别

HTML title 属性

alt和title的区别与用法