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

Posted

tags:

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

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

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

一、alt属性

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

<img src="eg_tulip.jpg"   />

2、运行结果如下:

二、title属性

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

<img src="eg_tulip.jpg"  title="上海鲜花港 - 郁金香" />

2、运行效果如下:

参考技术A alt属性是在你的图片因为某种原因不能加载时在页面显示的提示信息,它会直接输出在原本加载图片的地方,而title属性是在你鼠标悬停在该图片上时显示一个小提示,鼠标离开就没有了,有点类似jQuery的hover,你可以自己试试,另外,HTML的绝大多数标签都支持title属性,title属性就是专门做提示信息的本回答被提问者和网友采纳 参考技术B title是全局属性,提供额外的提示信息,当鼠标滑动到该元素时,显示定义的提示。Link和style元素中的title比较特殊,表示样式表的名称;alt是局部属性,尽可以用在img、input等元素中,提供在图片为载入或加载失败时的替代文本。注意,只有当input元素的type属性为image时,才能使用alt属性。

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

我给网站上面传照片,有人说要设置图片的属性,有利于抓取识别什么的,可是我对这一块不懂。有的说在什么后台,有的说上传图片的时候就设置。搜索了半天没有结果。请问在哪里设置HTML的img标签:alt属性和title属性,怎么设置

两者的用法如下:

1、alt

如果无法显示图像,浏览器将显示替代文本,此外,当用户把鼠标移到图像上方,最新的浏览器会在一个文本框中显示描述性文本。用法如下:

html>
<body>
<img src="1jpg"   />
</body>
</html>

2、title

鼠标滑过时显示的文字提示,用户体验上很重要。当然不必要所有的img标签都加此属性,比方说logo这样比较重要或者说用户会体验到的图片内容建议一定要加此属性。 用法如下:

<img src="图片路径"  title="首页" /> 

参考技术A <img src="http://www.baidu.com/img.jpg" alt="百度" title="百度"/>

如果你是c#.NET的话,后台是服务器控件,那么Tooltip对应这Title,AlternateText对应着alt追问

我也不知道,我是购买空间时候购买的成品网站套餐。后台是phpweb什么的。上传图片的页面是这样的

追答

哦哦哦,这样的编辑器,一般可以在编辑器里双击图片,设置图片属性的呀,里面应该alt和title的。

追问

双击图片么???双击图片没有任何反应。

追答

雅蠛蝶

本回答被提问者采纳

以上是关于HTML语言中img标签的alt属性和title属性的作用与区别的主要内容,如果未能解决你的问题,请参考以下文章

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

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

HTML title 属性

title属性可以用CSS控制吗?

在网页中使用图像

网站上a链接的title属性不起作用怎么办