网站中关于alt标签和title标签的用法区别

安康网站设计

说起网站建设的标题谁都好像很会的样子，但是网站建设过程中关于alt标签和title标签的用法，其实我们就是会是会，但是会的多少来看看这个对比就知道了，经常用到这两个属性，但是一直没有清楚他们的区别。现在我对他们两个的用法做一下详解：

　　首先来说下相同点：他们都会飘出一个小浮层，显示文本内容。

　　然后还有就是不同点：

　　1.alt标签只能是元素的属性，而title标签即可以是元素的属性也可以是标签，例如:。

　　2.alt标签属性则是用来指定替换文字，只能用在img、area和input元素中(包括applet元素)，用于网页中图片无法正常显示时给用户提供文字说明使其了解图像信息。注意，alt标签是替代图像作用而不是提供额外说明文字的。根据一些SEO优化人士的说法，使用alt标签属性还具有搜索引擎优化效果，因为搜素引擎是无法直接读取图像的信息的，alt标签可以为其提供文字信息所以对搜索引擎比较友好。

　　而title标签可以用在任何元素上，把鼠标移动到元素上面，就会显示title标签的内容，以达到补充说明或者提示的效果。

　　但是，通常人们容易搞错的是title标签和alt标签这两个属性同时用于img标签的时候。在旧版本的IE浏览器中，鼠标经过图像时显示的提示文字是alt标签的内容，而忽略了title标签属性，这个曾经误导了很多人。因此，如果想在IE中显示title标签的内容，要么title标签属性和alt标签一致，要么alt标签内容为空(“”，空格也不能有)。不过，在新版的IE(IE8及以上)中，已不会出现这种情况了。

　　另外，当a标签内嵌套img标签时，起作用的是img标签的title标签属性。