当前位置： 移动技术网 > IT编程>网页制作>CSS > img中alt和title属性的区别

img中alt和title属性的区别

2019年08月19日  | 移动技术网IT编程  | 我要评论

　　在图像标签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的优化是有一定的帮助。

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网