欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

img的属性alt 与 title的有什么区别

程序员文章站 2022-04-30 23:51:18
...
当我们给图片加属性的时候,初学时,可能会弄混淆alt与title的区别,那么这两个的区别,我们可以从本意来看——

alt原词是“Alternate”,切换,替换的意思。常用的输入法切换会用到alt键进行中英文切换。据有道标准释义如下:

img的属性alt 与 title的有什么区别

title,即为标题、主题,某一对象的标题,如文章有文章标题,作用是对文章进行总结性描述。

所以,区分就好区分了,在HTML文档编辑img标签中,alt即是起到替代img无法显示时候的描述作用,告诉人这里是什么;而title是对图片进行描述的主题,无论图片是否显示,只要有img标签存在,当鼠标指到img所在位置时,title内容就会浮现。

来看实例:

实例一,图片可显示,

img的属性alt 与 title的有什么区别

实例二,图片不显示,

img的属性alt 与 title的有什么区别

总之;

alt是在图片无法显示时候对无法显示的对象起描述作用;图片显示时不表现;

title,是图片的标题主题,只要img标签存在,不管是否显示图片,鼠标停滞在此处时都会浮现;

以上就是img的属性alt 与 title的有什么区别 的详细内容,更多请关注其它相关文章!