很多新手在刚开始学习HTML标签的时候,老师一定会教你
这种引入图片格式,第二天学习css的时候,老师又会教你给div等元素添加背景图片,
div{background-image:url(xxx.png);
}
那么这两种方式究竟孰优孰劣,分别应该在什么情况下使用呢?今天我在这里就给大家详细讲解一下:
关于img标签,我们要知道,它除了src路径以外,还有两个属性,一个是alt,一个是title
首先我们讲一下title,它的作用是什么呢?我们来看一下,当我们在body中写入以下代码的时候,
打开浏览器,会显示对应的那张图片,title里面写的"Hello,World!"是不显示的,只有当我们的鼠标放到图片上暂留的时候,鼠标上才会出现提示性文字如下图:
title属性是对元素的注释说明和额外补充,当鼠标放到文字或图片上时候,会显示title对应的文字。要注意的一点是,title这个属性并不是img标签特有的,加给button、div等其他标签都是可以的,我曾经看过一些文章,作者提议给网页中所有的标签都加上title属性,这样将来用户把鼠标放到每个按钮、图片、文字上,都有title提示,但是