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

Question

如题所述

Answer 1

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

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

一、alt属性

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

<img src="eg_tulip.jpg"  alt="上海鲜花港 - éƒé‡‘香" />

2、运行结果如下：

二、title属性

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

<img src="eg_tulip.jpg"  title="上海鲜花港 - éƒé‡‘香" />

2、运行效果如下：

Answer 2

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

Answer 3

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