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

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

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

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

一、alt属性

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

<img src="eg_tulipjpg"  alt="上海鲜花港 - 郁金香" />

2、运行结果如下:

二、title属性

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

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

2、运行效果如下:

两者的用法如下:

1、alt

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

html>

<body>

<img src="1jpg"  alt="这是一朵花" />

</body>

</html>

2、title

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

<img src="路径" alt="logo" title="首页" />

以上就是关于HTML语言中img标签的alt属性和title属性的作用与区别全部的内容,包括:HTML语言中img标签的alt属性和title属性的作用与区别、HTML的img标签:alt属性和title属性 在后台哪里设置,怎么设置、等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/web/9281424.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-04-26
下一篇2023-04-26

发表评论

登录后才能评论

评论列表(0条)

    保存