庸俗路上的无尽狂奔……

星期五, 七月 21, 2006

在 IE 中为 abbr 标签加样式


简介


<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;


----你可能注意到了,我的站点也具有了此功效,是因为我将上面的代码写入了一个名为abbr.js的脚本中,然后在Themeheader.php中加入了这样一段代码:

<script type="text/javascript" src="%3C?php%20bloginfo%28%27stylesheet_directory%27%29;%20?%3E/js/abbr.js"></script>


同时和插件Acronym Replacer配合使用就可以了。Zhu8[注]

这段脚本会检查客户端浏览器,如果是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 SailaHTML is not an acronym...Evolt.org


欢迎交流意见评论,可以发邮件至marek@sovavsiti.cz.


星期日, 七月 09, 2006

我的 WordPress 插件列表

Wordpress LogoWordPress是个好东西,虽然使用各种各样的插件调试的时候有时会为了某几段代码怎么修改都不成焦头烂额,但弄好了,就可以好好享受啦!


在开始的时候先是拼命寻找Theme,在alexking和wordpress.net里找了好久,最后选择了现在的Greenery,出自国人之手哦!初始的对FF下的中文显示效果不太好,不过简单修改了下CSS就好了。 好了不多说了,下面就是我的插件列表:(其中某些我做了一些简单的汉化,可以到我的永硕硬盘去下载,地址和详细修改在最下边在最下边。)


星期日, 六月 11, 2006

世界杯 —— 难得疯狂

揭幕战德国对哥斯达黎加--拉姆打进06世界杯首粒进球昨夜压着一阵阵袭来的睡意,在我那十多平的破旧小屋里,几近裸身,坐在刚买的凉席上,四只眼睛紧盯着一个礼拜前买的14寸小彩电,开始了我的2006世界杯之旅。


00:10分,我的乖徒儿给我发来消息:"五分十一秒,德国进球了!帅呆了!!"我立刻回了电话给她,原来她以为我没有在看,哈哈,她都忘了已
经是周末了,不过就算不是周末,我又怎么会不看呢!Klose(到底翻译成什么?我也不知道...一会是克罗<洛>泽,一会是克罗<
洛>斯)在他的生日献上了这么好的进球,万乔普轻松的攻开了莱曼的城池。那啰里叭嗦的毕福剑唠叨着卡恩,还有谢珲对德国队的"不满"。噢!我徒儿告
诉我,原来老毕是什么明星队的门将!谢珲也能恬着老脸去评说德国队的后防!


现在,我还是回去继续疯狂吧!英格兰和巴拉圭马上要走进法兰克福世界杯体育场了,不知道这三十天,我能看多少场比赛,在这闷热的金陵城里,在这无聊的上班间隙,在我这一辈子不知道还能这样看上多少场的世界杯。


嗯!我来了,你们呢?



星期五, 五月 19, 2006

《1699・桃花扇》、钞票、石占明及其它

这个时候,南京的紫金大剧院正在上演着昆曲《1699·桃花扇》,票价似乎很低,但我却只能坐在这,四处翻看着不同的新闻、旧闻,听着汪峰的老歌,来写上两个字。倒不是说我已然落魄得连最低20元的票价都出不起,确实是因为,我来南京,竟然还没拿过一分钱工资。其实也没什么,就是我从常州来到南京,需要北京总公司批;而我这样一个无足轻重的小职位,也许人家根本没有放在心上。昆曲--桃花扇


不过我也不能走,因为我走了,不止这儿的钱拿不到,到什么地方去再找这样一个"无足轻重的小职位"或许都还是个问题,因为公司还算是个全国性的大公司,所以固然会如经理说的工资肯定会到时候一起发下来的。所以,我也就只能等着了。


现在,钱不钱不是问题,工作才是个问题。试想我在南京这名校林立的地方,如果现在就离开,那我这个又不是应届毕业生又几乎没有工作经验的人真不知道该去哪儿了。总之,钞票第一,被人压迫也只好忍了。这世道,我又什么办法。我只需要牢记:


以辛勤劳动为荣

以好逸恶劳为耻

以艰苦奋斗为荣

以骄奢淫逸为耻


好了,再来说说石占明,还是不经意间在孟静的站上看到的,原来最近还出了这么件事,有人鸣不平(1)、(2)、(3),更多的人则是一片质疑之声(1)、(2)、(3)、(4),但是还有人演变出支持余秋雨、骂三联的话出来了,无语。


我刚才在网上找了这个视频来看,开始看确实很震惊,他怎么会看着都是米字的旗帜说:"应该是中国吧,有三颗星。"但后来想想,其实很多事情并不能只从我们的角度去看,我只说一句罢:"我不同意你的观点,但我誓死捍卫你说话的权利!"。你没有无故谩骂别人的权利。或者,这个帖子的26楼的事情,你相信吗?我不知道这位副营级干部和曾经的县人大代表以后的路会怎样。


延伸阅读:石占明主动请求处分了 / 天涯上的讨论 / 也说不知道国旗


昆曲《1699.桃花扇》主题推广音乐:[http://mediamax.streamload.com/zhu8cn/Hosted/melody/nagaoka-themasong.mp3]


星期四, 五月 18, 2006

晚安南京

日子如流水,《又到一年毕业时》(链接已失效),转眼我来南京也有快两个月了,不知不觉我的Blog也停止了,虽然每天忙忙碌碌,却有时候忽然想起去年的自己,去年的今天,我正在学校附属一院里面,忙着踩气球,断然不会想到今天的我会在哪儿,而我那些曾经坐在一起的兄弟姐妹们(*img),如今又在哪儿,欢笑流泪、甘苦自知。我曾经以为我还有很长的路要走,曾经以为自己还是个孩子,却忽然在工作了之后,发现自己的路不知道在哪方,谈女朋友,很现实的东西:房子(1)、(2)就摆在我的面前,看来我不得不单身好久,因为人家跟我讲:现在的女生都很现实


永远的医法2001


每天,我早晨八点出门,骑着我的无证无牌在南农花一百三十块钱买来的破捷安特,从破败的老居民区涌入龙蟠中路的人行横道(),或者坐在办公室,或者换乘各条线路的公交车出入各大医院的医务处和病案室。然后晚上回家,等待周末。


每天晚上我都会在江苏音乐台的各种我听过的、没听过的,新的、老的歌声已经住所附近列车的汽笛声中睡去,跟南京,这座古老而嘈杂的古城,说:"晚安,南京;晚安,和我一样孤独的人们。"




晚安,北京

词:汪峰 曲:汪峰


我将在今夜的雨中睡去

伴着国产压路机的声音

伴着伤口迸裂的巨响

在今夜的雨中睡去

晚安北京

晚安所有未眠的人们

风会随子夜的钟声北去

带着街上乞讨的男孩

带着路旁破碎的轮胎

随子夜的钟声北去

晚安北京

晚安所有未眠的人们

晚安北京

晚安所有孤独的人们

我曾在许多的夜晚失眠

倒在城市梦幻的空间

倒在自我虚设的洞里

在疯狂的边缘失眠

晚安北京

晚安所有未眠的人们

我觉得越来越有些疲倦

听着隔壁提琴的抽泣

喝着事实煮沸的肉汤

越来越有些疲倦 晚安北京

晚安所有未眠的人们

晚安北京

晚安所有孤独的人们



除特别标注外,猪八的网:浮生志 的所有文章为 Zhu8™ 所有。
Blogging @ 2004-2022