在图像标签img中,除了常用的宽度width和高度height属性之外,还有两个比较重要并且也会用到的属性,就是alt和title,这都是用来显示图片内容的具体信息的,但是这两个属性也有不同的
在图像标签img中,除了常用的宽度width和高度height属性之外,还有两个比较重要并且也会用到的属性,就是alt和title,这都是用来显示图片内容的具体信息的,但是这两个属性也有不同的地方。alt 用来给图片来提示的,title用来给链接文字或普通文字提示的。
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>图片的alt和title属性</title> 6 </head> 7 <body> 8 <img src="song.jpg" width="100px" height="100px" alt="月亮"/> 9 <!--alt指的是当图片名字不正确或者当图片的路径有错误时,在本来显示图片的位置里显示出alt的内容,以方便自己或者用户识别该图片是干什么的--> 10 <img src="song.jpg" width="100px" height="100px" title="月亮"/> 11 <!--title指的是当图片名字不正确或者当图片的路径有错误时,在本来显示图片的位置里也会显示出alt的内容,并且当图片名字、路径都正确时,当鼠标移到图片的区域范围内,也会显示出title的信息--> 12 </body> 13 </html>
在标签中经常会用到alt标签,这对于seo的优化是有一定的帮助。