HTML语言中img标签的alt属性和title属性的作用与区别

发布网友发布时间：2022-04-20 04:33

我来回答

共4个回答

懂视网时间：2022-04-07 09:26

作用：

<img> 标签的 alt 属性指定了替代文本，用于在图像无法显示或者用户禁用图像显示时，代替图像显示在浏览器中的内容。

alt 属性是一个必需的属性，它规定在图像无法显示时的替代文本。

假设由于下列原因用户无法查看图像，alt 属性可以为图像提供替代的信息：

1、网速太慢；

2、src 属性中的错误；

3、浏览器禁用图像；

4、用户使用的是屏幕阅读器。

推荐教程：html教程

热心网友时间：2022-04-07 06:34

alt属性和title属性的区别是前者是在图片无法加载的时候才会显示的其值，而title是在图片正常加载鼠标划上去显示的值，虽然alt也有后者的功能，但是只是在低版本的ie浏览器才支持，高版本及标准浏览器不支持这个功能了。

工具原料；编辑器、浏览器

一、alt属性

1、alt是在图片不能正常加载时候显示的提示语，代码如下：

2、运行结果如下：

二、title属性

1、title属性是鼠标划上去显示的内容，代码如下：

2、运行效果如下：

热心网友时间：2022-04-07 07:52

alt属性是在你的图片因为某种原因不能加载时在页面显示的提示信息，它会直接输出在原本加载图片的地方，而title属性是在你鼠标悬停在该图片上时显示一个小提示，鼠标离开就没有了，有点类似jQuery的hover，你可以自己试试，另外，HTML的绝大多数标签都支持title属性，title属性就是专门做提示信息的

热心网友时间：2022-04-07 09:26

title是全局属性，提供额外的提示信息，当鼠标滑动到该元素时，显示定义的提示。Link和style元素中的title比较特殊，表示样式表的名称；alt是局部属性，尽可以用在img、input等元素中，提供在图片为载入或加载失败时的替代文本。注意，只有当input元素的type属性为image时，才能使用alt属性。