简介
<abbr>是用来为web页面上的简称（译者注：这里把简称和缩写分开而论，简称范围比缩写大，取首字母的缩写用<acronym>标签）添加适当标注的XHTML标签，Windows的IE浏览器暂不支持<abbr>标签。 在IE里，你可以应用CSS给<acronym>但是不能应用给<abbr>标签，IE会为<acronym>标签的title属性显示提示，但是会忽略<abbr>标签。
这个IE的bug（或者特色）使得一些网站人员认为<abbr>标签一点用都没有，而显然这么认为是不对的。在Mozilla和Opera里还是很正确的处理了这个标签，并且它对于web内容的可读性和语义化来说非常重要。这也是我为什么一直在寻找解决方法，最终我找到了。
解决方法
本方法基于一个简单的事实：即使IE会忽略<abbr>标签，但是其他嵌套在<abbr>标签里的标签还是正常的。所以我在嵌了一个<span>标签在<abbr>里，设置<span>的title和class属性，然后<abbr>开始变得和<acronym>标签一样了。
代码例子
看一下下面的代码，是一个简单的缩写词的例子：
<abbr title="Cascading Style Sheets">CSS</abbr> 现在，对比一下修改后的代码：
<abbr title="Cascading Style Sheets"><span class="abbr" title="Cascading Style Sheets">CSS</span></abbr> 自动操作
手动的给每一个<abbr>标签嵌入<span>显然不可能——既无聊又对Mozilla和Opera没必要。幸运的是，现在有一个自动的、基于客户端脚本的解决方法。
你可能注意到了，这个页面（译者注：原作者的页面）上的简写词语即使在IE里都会有提示，并且加了CSS样式（虚下划线和一个问号状的鼠标光标）。然而你如果看一下源代码，你将找不到在上文提到的<span>标签。这得益于本页加载的一个简单的JavaScript：
function styleAbbr() {
var oldBodyText, newBodyText, reg
if (isIE) {
oldBodyText = document.body.innerHTML;
reg = /<ABBR([^>]*)>([^<]*)</ABBR>/g;
newBodyText = oldBodyText.replace(reg, '<ABBR $1><SPAN class="abbr" $1>$2</SPAN></ABBR>');
document.body.innerHTML = newBodyText;
}
} window.onload = function(){
styleAbbr()
};
isIE = (document.all) ? true:false;
这段脚本会检查客户端浏览器，如果是IE，那么则替换所有的<abbr>标签为修改过的版本（嵌入了<span>）。注意的是我们必须使用正则表达式和innerHTML属性来取代标准的DOM方法，因为IE不能通过DOM来获取<abbr>属性。
样式化
最后看一下这个页面上使用的CSS。相当简单：
abbr, acronym, span.abbr {
cursor: help;
border-bottom: 1px dashed #000;
} Mozilla和Opera使用abbr和acronym属性选择器，IE则使用acronym和span.abbr。无论如何，<abbr>和<acronym>都被样式化了——一个问号状的鼠标光标（当鼠标指上后）和虚下划线。
其他
1.感谢Michael Kusyn提供了JavaScript解决方法。
2.更多关于<abbr>，<acronym>标签和两者的区别，参考Craig Saila的HTML is not an acronym... （Evolt.org）
欢迎交流意见评论，可以发邮件至marek@sovavsiti.cz.
推荐阅讯
- Spring MVC框架的高级配置
- 国外虚拟主机评测：最好国外虚拟主机排名
- WAP建站 WML Script脚本程序设计（一）
- 专家讲堂：如何选择购买国外虚拟主机
- 网友只用50毫秒就可判断网站质量
- 网页播放技术的实战解析（二）
- WAP Server = Web Server + Configuration
- 全面解析WAP技术
- 介绍几款WAP网站图形工具（提供下载）
- 一位网友整理出来的网页播放器参数
阅读排行
- 1.淘宝网店“设计装修”技巧全攻略
- 2.javascript函数库
- 3.我的地盘听我的 六大主流博客网站对比评测
- 4.WAP建站入门教程
- 5.网页木马深度剖析以及手工清除
- 6.WAP建站语言WML语法全接触
- 7.好事喜事送上祝福 电子请柬随网拈来
- 8.如何保存网页中的Flash文件？
- 9.WAP建站WML语言语法基础
- 10.介绍几款WAP网页制作工具（提供下载）
专题教程
- 大话G游 专题：手机病毒揭密
- ARP攻击防范与解决方案 路由故障处理手册
- Picasa中文版_Picasa教程 专题：清除流氓软件
- Firefox专题 seo搜索引擎优化专区
- 重装Windows必知的事情 装机之必备软件大行动
病毒专杀栏