alt是html标签的属性，而title既是html标签，又是html属性。html
在图像标签img中，除了经常使用的宽度width和高度height属性以外，还有两个比较重要而且也会用到的属性，就是alt和title，这都是用来显示图片内容的具体信息的，可是这两个属性也有不一样的地方。优化
title：搜索引擎
title做为标签时，网页的标题就是写在这对标签以内的。spa
title做为属性时，能够为元素提供额外说明信息。例如，给超连接标签a添加了title属性，title用来给连接文字或普通文字提示的。把鼠标移动到该连接上面是，就会显示title的内容，以达到提示的效果。code
alt：htm
alt属性只能用在img、area和input元素中，用于网页中图片没法正常显示时给用户提供文字说明使其了解图像信息。alt是这个图片的一个属性，至关因而在告诉搜索引擎这张图片说的是什么，这个对于seo优化有必定的做用。blog
代码：索引
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>图片的alt和title属性</title> </head> <body> <img src="song.jpg" width="100px" height="100px" alt="月亮"/> <!--alt指的是当图片名字不正确或者当图片的路径有错误时，在原本显示图片的位置里显示出alt的内容，以方便本身或者用户识别该图片是干什么的--> <img src="song.jpg" width="100px" height="100px" title="月亮"/> <!--title指的是当图片名字不正确或者当图片的路径有错误时，在原本显示图片的位置里也会显示出alt的内容，而且当图片名字、路径都正确时，当鼠标移到图片的区域范围内，也会显示出title的信息--> </body> </html>
总结来讲，alt和title一块儿使用时最好，title能够代替alt的工做，反之则不行。seo