我们在浏览网站过程中,鼠标移动到文字或者图片上有时候会弹出一个小浮层,里面显示文字内容,那就是ALT和TITLE标签所形成的效果,那么我们在网站制作中这两个标签怎么使用呢?都是弹出一个浮层,又有什么区别呢?下面就让上海网站制作公司-润壤小编给您详细的说一说。
alt只能是元素的属性,而title即可以是元素的属性也可以是标签,例如:<title>标题</title>。
alt属性则是用来指定替换文字,只能用在img、area和input元素中(包括applet元素),用于网页中图片无法正常显示时给用户提供文字说明使其了解图像信息。注意,alt是替代图像作用而不是提供额外说明文字的。根据一些SEO人士的说法,使用alt属性还具有搜索引擎优化效果,因为搜素引擎是无法直接读取图像的信息的,alt可以为其提供文字信息所以对搜索引擎比较友好。
而title可以用在任何元素上,把鼠标移动到元素上面,就会显示title的内容,以达到补充说明或者提示的效果。
通常人们容易搞错的是title和alt这两个属性同时用于img标签的时候。在旧版本的IE浏览器中,鼠标经过图像时显示的提示文字是alt的内容,而忽略了title属性,这个曾经误导了很多人。因此,如果想在IE中显示title的内容,要么title属性和alt一致,要么alt内容为空(“”,空格也不能有)。不过,在新版的IE(IE8及以上)中,已不会出现这种情况了。