青岛网站制作中图片Alt和Title属性有什么不同

图片的属性中有两个属性，一个是Alt属性，一个是Title属性。一般的人都熟悉alt属性。那图片的Title属性是什么呢？一般的人很少用到的。

在ie6下面，我们会看到图片没有title属性，只有alt属性，设置了之后，鼠标放到图片上，还是会有显示的。如果没有alt属性，而有title属性，在ie6下面也可以看到提示信息。而在火狐浏览器下面，就不是这要的效果了，alt属性是不显示的。为什么会这样呢？因为IE不符合网页标准，想知道更多不符合网页标准的文章，大家可以去网上搜索一下。

在标准浏览器下图片设置了title属性不管图片是否存在，鼠标经过都会有提示。若图片不存在时候，只设置了alt属性，那么图片上会显示alt属性里的描述内容，并且鼠标放上去没有提示信息（非ie6以下浏览器）。

更清楚的看alt属性和title的不同：

//*这些图片不显示

">

" />

//*这些图片显示

" />

" />

在IE浏览器中都会出现文字提示。

而在火狐浏览器中，前三句代码，鼠标经过图片时，都会出现文字提示，最后一句代码，鼠标经过图片不会显示文字提示。通过这些可以知道在显示时候alt属性和title的不同地方。

图片alt属性用于指定图片的替换文字，title属性用于设置当前对象提供建议性的信息。优化网站图片的时候，适合将alt属性设置为图片本来的含义，而将title设置成指示性信息，示例如下: 其作用是：alt属性，当图片不能正常显示时，则显示alt中的文字，表达要传递的信息，将title属性设置为“返回网站主页”，作用是当用户将鼠标指向图片时，提示给用户的信息。

title属性有一个很好的用途，即为链接添加描述性文字，特别是当连接本身并不是十分清楚的表达了链接的目的。这样就使得访问者知道那些链接将会带他们到什么地方，他们就不会加载一个可能完全不感兴趣的页面。另外一个潜在的应用就是为图像提供额外的说明信息，比如日期或者其他非本质的信息。title属性值可以比alt属性值设置的更长。

青岛微塔罗信息科技有限公司主营网站建设、网站开发、网页设计、微信开发、微信运营、网络推广等业务，公司成立至今服务客户3000多家，公司拥有资深界面设计师、交互设计师以及程序工程师和营销专家。通过将商业目标、场景营销、情感连结融入设计，从而创造出符合企业定位的网站，并结合主流线上资源推广来实现客户网站最大化的价值，有效的提升了用户体验和客户品牌价值。更多服务细节及案例，请浏览企业载体建设网站www.microtarot.com.cn及企业官网www.microtarot.com。