首　页 日　志 RSS 历史作品
用户登录

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

精贴 置顶
1773 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://www.wuxuxiao.com/images/dv/2010/20100827041413547036.jpg" alt="我的照片"/> 
    <br/> 
            <img src="http://www.wuxuxiao.com/images/dv/2010/20100827041413547036.jpg"
          
          
    
              
            
  • 没有任何评论
    •
今日天气 ···

···

···

···

近一月回答榜 - TOP 12

wuxuxiao 钻石VIP 吴旭晓
yu_rebecca 普通会员 令王告白
a448155162 普通会员 心如仓井空似水
messi 普通会员 messi
85xinxi 普通会员 沧州华欧煤气炉
fushang369 普通会员 孙文强
wawa512com 普通会员 lucifo
zhuangjunhua 普通会员 xxxxxxx
wuxiao2882 普通会员 饼饼
ucase 普通会员 ucase
xuchunyun 普通会员 留下足迹
zhangjincun1 普通会员 小谨夜

博客标签

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

RSS新闻

健康·生活 社会·法治 百度浙江新闻 教育频道 军事频道 八卦新闻 女性新闻 台湾新闻 党网·时政 电影频道 军事-新浪博客 经济·科技 汽车新闻 游戏新闻 国际新闻 国内新闻 体育新闻

历史作品

企业宣传类 门户类 Flash类 外贸类 商城类 博客论坛类 OA管理类 政府机构类 私单 手机版
热门排行
CSS cursor鼠标样式一览表 2012/6/25
.NET后台写JS代码 2011/11/3
网站地址多出jdfwkey的问题解析及... 2010/8/25
百度、google、Yahoo网站地图制作... 2011/1/30
数据库xxx的日志已满,请备份该数... 2013/7/19
<a>标签的伪类书写顺序问题... 2010/9/4
CEO名言 2010/8/31
什么是长尾关键词？ 2010/9/24
Mysql 主从数据库同步 2010/9/12
用ASP实现网页BBS 2010/11/1
博主推荐
网站title标题如何正确修改不会被... 2013/8/26
ASP .NET MYSQL 的简单分页 并不... 2013/8/19
网站有弹窗广告这样的站点，百度... 2013/8/17
做淘宝SEO优化需要注意的8大问题 2013/8/17
淘宝网怎么做SEO优化 2013/8/17
站长们要学习的“苍井空精神” 2013/8/17
苹果公司今日发布了iOS 7第五个开... 2013/8/7
小米1刷V5系统WIFI不能连接解决办... 2013/8/1
本博客手机版上线咯！会员后台也... 2013/7/31
Win7系统环境安装配置PHP开发环境... 2013/7/29
随便看看
兼容IE、新版Chrome、Firefox，实... 2013/11/21
提高ASP性能的最佳选择 2010/10/21
PHP遍历所有文件夹的函数 2010/9/13
在ASP.NET中清除页面状态 2013/11/15
ASP进阶教程Ⅷ：数据库版本的留言... 2010/10/20
ASP.NET随机码生成示例 2010/9/10
我为什么使用Firefox浏览器 2010/11/22
iframe自适应高度的多种方法方法... 2010/9/2
Tencent://Message/协议的实现原... 2010/9/7
常用电脑快捷键大全 2010/9/9

合作伙伴

个人网站
乾西驾培
雀台乐
玖天互联
博客网站
无人自助系统
博客手机版
IT博客
金华学车网
网站流量统计
个人博客

友情连接： 个人网站 无人自助系统 个人博客 乾西驾培 金华学车网 网站流量统计 雀台乐 金华网站建设

版权所有2024 吴旭晓个人博客 浙ICP备2022036831号-2 流量统计 网站地图 手机版

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