img标签的alt和title有何异同?
img标签其中的两个属性alt和title有相似的地方,但是在不同的情况下要使用不同的属性的。
alt属性和title属性相同点:
它们都会出现浮层,显示自己设置的图片相关的内容。
alt属性和title属性不同点:
alt属性:1.当图片加载不出来的时候,就会在图片未显示的地方出现一段alt设置的属性内容。这个属性的作用是为了给未加载的图片显示提示信息,即使在网络比较差的时候,用户也可以知道图片的内容,方便用户浏览网页。同时在程序员对网站维护的时候也能更快的查找到问题。2.浏览器的搜索引擎可以通过alt属性的文字描述来获取图片。
title属性:title属性可以用在任何的元素上,当用户把鼠标移动到元素上时,就会显示预先设置的title的内容,起到对图片说明的作用,实质上就是对图片的解释和备注。
img标签中引用的图片不论是否能够正常的显示,图片只设置了title属性后,当鼠标经过或者悬停在图片区域时,就能看到图片的文字的描述。当图片仅仅设置alt属性的时候啊,当鼠标悬停或者经过图片区域的时候,可以看到该图片设置的alt的属性的文字内容。如果图片设置了title属性和alt属性,鼠标悬停或者经过图片区域的时候,只会显示title属性设置的内容。