img中的alt和title属性

Posted 惊风随笔

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了img中的alt和title属性相关的知识,希望对你有一定的参考价值。

 

在图像标签img中,除了常用的宽度width和高度height属性之外,还有两个比较重要并且也回用到的属性,就是alt和title,这都是用来显示图片内容的具体信息的,但是这两个属性也有不同的地方。alt 用来给图片来提示的,title用来给链接文字或普通文字提示的。

<!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>

以上是关于img中的alt和title属性的主要内容,如果未能解决你的问题,请参考以下文章

PHP正则匹配img标签的正则 并获得alt属性的值

HTML的img标签:alt属性和title属性 在后台哪里设置,怎么设置

HTML问题,如何隐藏title属性弹出?

a标签中的title属性中的文字出现乱码

PHP 实现自动添加或者替换 内容的IMG标签的 alt title 属性

HTML中img的属性都有哪些