关于alt和title的用法区别详解
发布时间：2016-06-08 10:05:16 作者：佚名 
我要评论
我要评论下面小编就为大家带来一篇关于alt和title的用法区别详解。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
（福利推荐：你还在原价购买阿里云服务器？现在阿里云0.8折限时抢购活动来啦！4核8G企业云服务器仅2998元/3年，立即抢购>>>：9i0i.cn/aliyun）
经常用到这两个属性，但是一直没有总结他们的区别。现在我对他们两个的用法做一下总结：
相同点：他们都会飘出一个小浮层，显示文本内容。
不同点：
1.alt只能是元素的属性，而title即可以是元素的属性也可以是标签，例如:<title>标题</title>。
2.alt属性则是用来指定替换文字，只能用在img、area和input元素中（包括applet元素），用于网页中图片无法正常显示时给用户提供文字说明使其了解图像信息。注意，alt是替代图像作用而不是提供额外说明文字的。根据一些SEO人士的说法，使用alt属性还具有搜索引擎优化效果，因为搜素引擎是无法直接读取图像的信息的，alt可以为其提供文字信息所以对搜索引擎比较友好。
而title可以用在任何元素上，把鼠标移动到元素上面，就会显示title的内容，以达到补充说明或者提示的效果。
but，通常人们容易搞错的是title和alt这两个属性同时用于img标签的时候。在旧版本的IE浏览器中，鼠标经过图像时显示的提示文字是alt的内容，而忽略了title属性，这个曾经误导了很多人。因此，如果想在IE中显示title的内容，要么title属性和alt一致，要么alt内容为空（“”，空格也不能有）。不过，在新版的IE（IE8及以上）中，已不会出现这种情况了。
另外，当a标签内嵌套img标签时，起作用的是img的title属性。
以上这篇关于alt和title的用法区别详解就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持程序员之家。
原文地址：http://www.cnblogs.com/freefish12/archive/2016/06/07/5567339.html
相关文章
- HTML的img标签：alt属性和title属性，很多人看来对这两个属性感到迷惑，所以我写下我的想法，如何去用它们2014-02-20
- Dedecms发表资讯等等上传的图片全部没有title，虽然有这个选项却不生效，于是就研究了一下，发现只需要在相关文件添加一段代码即可。先告知大家方法，希望更多的人能够受益2013-01-22
- DEDE_V5.3 实现给内容中的图片添加标题ALt标记织梦优秀网，发单接单，优秀的任务平台！程序版本：V5.3X 修改文件：Include/ arc.archives.class.php 修改方法：2009-06-07
- XHTML是CSS布局的基础，webjx.com一直强调XHTML知识的学习，重视语义和文档的结构。title 和alt 属性，给我最直观的感受就是，可以提高文档的适应性，并合理提高关键词密度2009-04-02
最新评论