好累，忙了一天，终于把原来在“W3C验证”错误数量在240左右的疯人院代码优化完毕了，除了没有权限修改的封装代码外，No.77 疯人院的整体代码已符合W3C标准，可以做到在任何浏览器下表现效果相同，为读者带来更加愉快的阅读体验。

W3C是英文World(世界) Wide(范围) Web(网站) Consortium(联合会)的缩写，中文意思是W3C理事会或万维网联盟。
W3C于1994年10月在麻省理工学院计算机科学实验室成立。
创建者是万维网的发明者Tim Berners-Lee。
简单地说，W3C标准是检验网页合格程度的一个国际标准。

对应的标准也分三方面，这些标准大部分由W3C起草和发布。
1.结构化标准语言(主要是XHTML和XML)
2.表现标准语言(主要包括CSS)
3.行为标准主要(包括对象模型如 W3C DOM、ECMAScript)

W3C组织是对网络标准制定的一个非赢利组织，像HTML、XHTML、CSS、XML的标准就是由W3C来定制。W3C会员包括生产技术产品及服务的厂商、内容供应商、团体用户、研究实验室、标准制定机构和政府部门，一起协同工作，致力在万维网发展方向上达成共识。

大巴的代码质量还是很过关的，不过某些封装起来的JS有明显错误。而且目前模板开发者水平参差不齐，这也是个很让人头痛的问题。所以一开始选择一个靠得住的模板也很重要呀。

JavaScript部分：

ETC={
    tagID: 'tags',      // Tag模块栏ID号，无须更改
    maxWeight: 1.8,     // 设置最大字号 (em unit)
    minWeight: 1,         // 设置最小字号 (em unit)
    color: true,         // 是否采用渐变效果
    maxColor: '2A526F',    // 设置渐变最深颜色，暂时不支持类'FFF'简写方式，无须输入'#'号
    minColor: '54A4DE',    // 设置渐变最浅颜色

    init:function() {
        if (!document.getElementById || !document.getElementsByTagName) return;
        if (!document.getElementById(ETC.tagID)) return;
        
        var taglist = document.getElementById(ETC.tagID);
        var tag = taglist.getElementsByTagName('li');
        var totalCount = tag.length - 1;
        var maxCount = parseInt(tag[0].getElementsByTagName('span')[0].firstChild.nodeValue.substring(1));
        var minCount = parseInt(tag[tag.length - 1].getElementsByTagName('span')[0].firstChild.nodeValue.substring(1));
        var offset = (ETC.maxWeight - ETC.minWeight) / (maxCount - minCount);

        if (ETC.color != true || ETC.maxColor == null || ETC.minColor == null || ETC.maxColor == ETC.minColor) {
            for (var i=0; i <= totalCount; i++) {
            var count = parseInt(tag[i].getElementsByTagName('span')[0].firstChild.nodeValue.substring(1));
            var weight = (count - minCount) * offset + ETC.minWeight;

            tag[i].getElementsByTagName('a')[0].style.fontSize = weight + 'em';
            }
        }
        else {
            for (var i=0; i <= totalCount; i++) {
            var count = parseInt(tag[i].getElementsByTagName('span')[0].firstChild.nodeValue.substring(1));
            var weight = (count - minCount) * offset + ETC.minWeight;

            tag[i].getElementsByTagName('a')[0].style.fontSize = weight + 'em';
            tag[i].getElementsByTagName('a')[0].style.color = ETC.getColorByScale(i, totalCount);
            }
        }    
    },

    hex2dec:function(hex) {
        return parseInt(hex,16);
    },

    dec2hex:function(dec) {
        return dec.toString(16);
    },    

    getColorByScale:function(i, totalCount) {

        var minr = ETC.hex2dec(ETC.minColor.substr(0, 2));
        var ming = ETC.hex2dec(ETC.minColor.substr(2, 2));
        var minb = ETC.hex2dec(ETC.minColor.substr(4, 2));

        var maxr = ETC.hex2dec(ETC.maxColor.substr(0, 2));
        var maxg = ETC.hex2dec(ETC.maxColor.substr(2, 2));
        var maxb = ETC.hex2dec(ETC.maxColor.substr(4, 2));

        var r = ETC.dec2hex(parseInt(maxr - (maxr - minr) * i / totalCount));
        var g = ETC.dec2hex(parseInt(maxg - (maxg - ming) * i / totalCount));
        var b = ETC.dec2hex(parseInt(maxb - (maxb - minb) * i / totalCount));

        if (r.length == 1) r = '0' + r;
        if (g.length == 1) g = '0' + g;
        if (b.length == 1) b = '0' + b;

        return '#' + r + g + b;

    },

    addEvent:function(elm, evType, fn, useCapture) {
        if (elm.addEventListener)
        {
            elm.addEventListener(evType, fn, useCapture);
            return true;
        } else if (elm.attachEvent) {
            var r = elm.attachEvent('on' + evType, fn);
            return r;
        } else {
            elm['on' + evType] = fn;
        }
    }

}

ETC.addEvent(window, 'load', ETC.init, false);

CSS部分：

#tags ul li {display:inline;margin-left:1px;} /*如果你希望Tags横排的话*/
#tags ul li { background:none; } /*如果你不希望显示Bullet的话*/
#tags ul li span{display:none;} /*如果你不希望显示诸如[36]的tag使用次数的话*/

<script type="text/javascript">
        var s;
        function showMessage(){
          window.clearTimeout(s);
          document.getElementById("message").style.display="block";
        }
       
        function hiddenMessage(){
          s=window.setTimeout("hidden();",500);
        }
                function hidden(){
          document.getElementById("message").style.display="none";
        }
</script>
<span onmouseover="showMessage()" onmouseout="hiddenMessage()"><!-- 此处加入要一直显示的东西的代码 --></span>
<div id="message" style="display:none" onmouseover="showMessage()" onmouseout="hiddenMessage()">
<!-- 此处加入要鼠标放上去时候会显示鼠标移开后隐藏的东西的代码 -->
</div>

此代码的效果可以达到鼠标移开后显示出来的东西不会马上消失这种效果。

用<br>和<div中对齐>排版换行空行很方便，但是在IE与Fx下空行时上下间距是不一样的。

因为在Fx下<div中对齐>是只管对齐，而在IE下<div中对齐>默认还有一个与上面内容隔几像素的属性在里面，所以用<div中对齐>排版的东西出来很容易是在Fx下正常，在IE下就会变得老长。

用<br>与<br />换行空行是个不错的选择。

写完一些内容，准备换行，就在行尾加上<br />，那么就等于在word排版中回车的功能，IE与Fx下功能完全一样。

如果换行后还想空行也就是与上面内容保持空一行的间距，用<br>加在两端代码内容之间，虽然方法比较老套，但是能保证空出的像素距离在IE与Fx下完完全全一样。

这里说一下，在Dreamweaver8中空行的代码是<p>空格</P>，其实在IE与Fx下空出的像素是不一样的，虽然区别很小，但是还是有区别，如果大量内容之间用这个空行，东西多了，就能看出来了。及其不美观。

用<br>与<br />换行空行的时候，如果想中对齐，就用<div>从头套到尾，中间不出现</div>，一般就不会出现间距不一样的效果。

业余文章，见笑了

     一不打算挂广告，二不打算出名。踏踏实实做好自己博客资源。是我一直的信念。闲来无事偶尔看了看来源url，发现在google搜索“完美解码2008”我的博客文章出现在了第一个。仔细想了想觉得挺奇怪的，我自娱自乐的博客怎么会出现在google搜索完结页面第一个呢？而且不是精确的关键词搜索，而是很笼统的“完美解码2008”。我觉得出现在第一个应该是霏凡或者pchome的下载链接。没想到是我的“完美解码2008让我很失望”。觉得挺对不起dio的，其实我对20071213印象很好。

     带着这个疑问我去了站长之家查询了下，哇～baidu收录我的页面是0，被我骂的千疮百孔体无完肤抛弃了100年1万年没去更新的新浪博客倒是收录个轰轰烈烈。google原来也收录了我那个博客，但是由于我许久没临幸新浪造成查不到了，但是对这个疯人院收录着实吓了我一跳，是418。也就是说我发一篇google就收录一篇。各种原因我不明白，但是还是小小满足了下我的虚荣心～（笑）

     关于博客推广，我认为。说没用的都是扯淡，内容弄充实了，页面经常更新。如果没设计布局美化天分就在细微处用人性化的设计弥补 。整个弹出对话框什么的挺没意思的。谋事在人成事在天。自己做到最大努力，其他就看运气了。其他，博主还要有颗平常心。虚荣心可以，别过分。比如我刚才为google收录我那么多页面而且都很靠前高兴了好一会。但是，平常心是最重要的。“不以物喜不以己悲”范仲淹说的没错。要不哪天由于网站流量爆炸或者倒闭弄出人命就不好了。你别笑，这可不是夸张，为了写这篇文章看了很多关于推广的文章，大多文章的作者都有必死的决心推广网站。我觉着这是可笑的，或许我不能理解别人的境界，但是我还是想，互联网上的事情，很多不能太认真，太较真，最后吃亏的是自己。

     博客，自娱自乐，高兴就好