庸俗路上的无尽狂奔……

星期五, 七月 21, 2006

google-ban-zhu8-net

| | 已有:3 则评论 | Bookmark and Share

好多天没写日志了,工作了之后没什么热情了,不知道该写些什么了。我不知道是怎么一回事,我的这个站Zhu8.Net我也不知道原来是干什么的,好象在Google一直没有被收录过。我把它弄来之后,架这个站已经有快一个月了,在百度、Yahoo!、MSN都收录了之后,Google在开始的时候还收录了我的Blog原始地址里可怜的两篇文章,但后来,不光原始地址的记录没有了,就连连接到这里的FeedBurner也没有了,仅仅留下一个地址,连标题都没有了。更不要提我的这个顶级域名了。


可笑的是,从统计里看,百度已经收录了我几乎所有的页面,关于WP的某些关键词还相当靠前;而Google里没有一丝一毫关于本站的东西,当我在用着这些服务的时候:



  • Analytics(分析)

  • Gmail

  • Notebook

  • Page Creator

  • Picasa

  • 个性化搜索

  • 个性化主页

  • 日历

  • 网上论坛

  • 唉,不说了。以图为鉴。


    我离不开它,它却离得开我。


    GoogleService


    蜘蛛天天来,就是不抓我:


    GoogoleBot


    抓的结果就是这个:


    GoogleSearch


    它建议我:请不用引号试一试,会有更多搜索结果。


    GoogleFeed


    看吧,这就是更多结果:


    GoogleMore


    ie-abbr

    | | 已有:1 则评论 | Bookmark and Share

    简介


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