img中alt和title属性的区别
程序员文章站
2022-07-04 17:46:39
在标签中经常会用到alt标签，这对于seo的优化是有一定的帮助。 ......
在图像标签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的优化是有一定的帮助。
上一篇： 师傅你咋还不来啊(;｀O´)o
推荐阅读
-
img标签中alt和title属性的正确使用
-
js中clientWidth, scrollWidth, innerWidth, outerWidth和offsetWidth属性的区别
-
JavaScript中的获取对象宽高等属性的方法和区别对比讲解
-
（转载）关于JSP页面中的pageEncoding和contentType两种属性的区别：
-
css中filter属性和backdrop-filter的应用与区别详解
-
img中alt和title属性的区别
-
浅谈cv2.imread()和keras.preprocessing中的image.load_img()区别
-
jQuery中attr()和prop()在修改checked属性时的区别
-
ajax中的async属性值之同步和异步及同步和异步区别
-
img标签中alt和title属性的正确使用