图片的title和alt属性是初学者容易混淆的。中国网页设计给大家介绍下title和alt属性的用法及区别
一、图片的alt属性
1、alt属性是考虑到不支持图像显示或者图像显示被关闭的浏览器的用户，当图片不显示的时候，图片的替换文字。
2、alt属性值得长度必须少于100个英文字符
3、没有特别意义的图片，可以写alt=””
4、alt属性是搜索引擎判断图片与文字是否相关的重要依据，alt属性添加到img主要的目的才是为了SEO
二、img标签title属性
1、title属性并不是必须的。
2、title属性规定元素的额外信息，有视觉效果，当鼠标放到文字或是图片上时有文字显示。
3、title属性更多倾向于用户体验的考虑。
title和alt用法：
<p Title="给链接文字提示">文字</p> <a href="#" Title="给链接文字提示">文字</a> <img src="图片.gif" alt="给图片提示">
title和alt的区别
alt属性还具有搜索引擎优化效果，因为搜素引擎是无法直接读取图像的信息的，alt可以为其提供文字信息所以对搜索引擎比较友好。
而title可以用在任何元素上，把鼠标移动到元素上面，就会显示title的内容，以达到补充说明或者提示的效果。
在<image>标签中，alt属性的性质是通过文字代替图片内容，而title属性的性质是关于图片的注释语言。
125jz网原创文章。发布者：江山如画，转载请注明出处：http://www.125jz.com/5098.html
微信扫一扫 
支付宝扫一扫 
