alt、title属性介绍

alt属性

alt属性包括替换说明，对于图像和图像热点是必须的。它只能用在img、area和input元素中（包括applet元素）。替换文字（alt）是为了给那些不能看到你文档中图像的浏览者提供文字说明。这包括那些使用本来就不支持图像显示或者图像显示被关闭的浏览器的用户，视觉障碍的用户和使用屏幕阅读器的用户。所以替换文字是用来替代图像而不是提供额外说明文字的。

title属性

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

正确使用：

1. alt和title对访问者都很重要（alt对搜索引擎会更重要一些），所以在定义img对象时，最好将alt和title属性都写全，保证在各种浏览器中都能正常使用。

2. 在alt和title中包含关键字，并且二者内容最好不一样。

3. 不要在alt和title中堆积关键字，否则可能会导致搜索引擎惩罚。

补充：

alt-代替属性，用来对网页上的图片进行描述，光标在图片上时显示的提示语即采用该标签实现。

从SEO和用户体验来看，alt-代替属性都是必要的，其重要性主要有：

网页内容相关性是关键词优化的前提，搜索引擎认为，网页上的图片应该与网页主题相关。反过来讲，当搜索引擎要判断网页的关键词时，图片的ALT-代替属性是一个可信任的参考点。所以， 别忘了在图片的alt-代替属性里添加上该网页的关键词。

有时候因为一些原因，比如使用屏幕读取器、带宽较低、网络阻碍等导致网页上的图片无法显示。描述性的alt-代替属性可以告诉用户该位置的内容，从而添加用户体验。正规的网站都应该这样做。

有时，如果没有alt-代替属性，会导致用户不明白该图片代表着什么，为什么放在这个网页。