小心IE中对IMG元素alt属性的误用

精贴置顶

2721 0

看一个人有没有做过跨浏览器开发，有时候问几个简单的问题就知道了。其中，比较经典的一道题目就是：鼠标悬停在图片上时，如何显示图片的提示信息？
呃，，，一般都会回答使用 title，用IE用惯了的还会再加一个 alt，或直接回答 alt。不信你试试，屡试都爽的问题。

标准中的 alt 属性

其实，alt 属性在标准里（http://www.w3.org/TR/REC-html40/struct/objects.html#adef-alt W3C HTML 4.01 规范第13.8节），指定了在用户端，对我们来说也就是浏览器，不能显示图片、表单和 applets 的时候显示的替换文字，在图片加载之前，也会显示 alt。也可以算得上是提示信息。

IE 中 alt 属性的双重身份

在 MSDN 中关于 alt 属性的备注里描述了 alt 属性的内容用来在仅支持文本的浏览器中替换图片，同时也用来作图片被载入之前的临时显示内容。并且，alt 属性也扮演了在没有 title 属性的情况下当用户将鼠标移动到图片上时显示提示框（tooltip）的角色。这是与标准不相符的部分。在IE8中才被修复。

在IE中，alt 可以兼 title 的职。

At here：http://msdn.microsoft.com/en-us/library/ms533073%28VS.85%29.aspx

例子

HTML code


    <img 
    src="http://blog.0579skys.com/images/dv/2010/20100827041413547036.jpg" alt="我的照片"/> 
    <br/> 
            <img src="http://blog.0579skys.com/images/dv/2010/20100827041413547036.jpg"
          
          
              
            没有任何评论

今日天气 ···

···

···

···

近一月回答榜 - TOP 12

wuxuxiao 钻石VIP

qwe2466985 超级会员

yu_rebecca 黄金会员

wuxiao2882 青铜会员

a448155162 普通会员

messi 普通会员

85xinxi 普通会员

fushang369 普通会员

wawa512com 普通会员

zhuangjunhua 普通会员

ucase 普通会员

xuchunyun 普通会员

博客标签

JAVA C# ASP PHP 操作系统 Android IOS ASP.NET JavaScript DIV+CSS SEO 软件技巧浏览器兼容服务器安全数据库 HTML 域名空间建站经验其他技术知识设计类随便说说趣味编程淘宝客饼哥语录

历史作品

企业宣传类门户类外贸类商城类博客论坛类 OA管理类政府机构类私单手机版

热门排行: 用ASP实现网页BBS 2010-11-01; CSS cursor鼠标样式一览表 2012-06-25; .NET后台写JS代码 2011-11-03; 网站地址多出jdfwkey的问题解析及... 2010-08-25; 数据库xxx的日志已满,请备份该数... 2013-07-19; 百度、google、Yahoo网站地图制作... 2011-01-30; <a>标签的伪类书写顺序问题... 2010-09-04; 什么是长尾关键词？ 2010-09-24; CEO名言 2010-08-31; Mysql 主从数据库同步 2010-09-12

博主推荐: 本个人博客微信公众平台上线啦~~... 2013-10-13; 饼哥网络互联上线啦~~要买域名空... 2013-09-20; 网站title标题如何正确修改不会被... 2013-08-26; 饼哥通讯录系统上线啦，欢迎大家... 2013-08-24; ASP .NET MYSQL 的简单分页并不... 2013-08-19; 网站有弹窗广告这样的站点，百度... 2013-08-17; 做淘宝SEO优化需要注意的8大问题 2013-08-17; 淘宝网怎么做SEO优化 2013-08-17; 站长们要学习的“苍井空精神” 2013-08-17; 苹果公司今日发布了iOS 7第五个开... 2013-08-07

随便看看: vs2005sp1补丁装不上解决办法 2010-09-02; 解决在.NET 4.0下无法发送包含尖... 2013-11-16; 字符型数据 2010-10-16; nil和release区别 2013-06-21; xp进程全解 2010-08-31; 目前中文互联网上有少量spider冒... 2013-06-23; 标签的伪类书写顺序问题 2010-08-25; IIS 上传文件大小配置步骤(默认2... 2012-05-31; <a>标签的伪类书写顺序问题... 2010-09-04; 常用的ASPActiveX 组件 2010-10-22

RSS新闻: 传媒新闻; CSDN; 八卦新闻; 女性新闻; 台湾新闻; 互联网; 军事-新浪博客; IT-新浪博客; 汽车新闻; 游戏新闻; 国际新闻; 国内新闻; 体育新闻

我的微博

合作伙伴

博客触屏版

北京上海杭州深圳广州成都