蜈蚣巢穴

近期行内刮起了html5和css3之风。很多人都在了解和学习html5,css3。但主流浏览器(IE系列，FF，opera, safari, chrome)对html5和css3的支持度却大不相同。目前对html5支持的排名如下：chrome, safari,opera, firefox,IE. 最差的还是IE。即便是微软将要推出的IE9. Niels Leenheer做了一个各大浏览器对html5支持度的测试页面(html5text.com)。
此页面是以分数的高度作为各大浏览器对html5支持度的说明。 经测试，分数最高的是chrome(5.0.322.2版 133分), safari(4.0.3版 115)，opera(10.52 3347版 3353属于测试版本 102)，firefox(3.6.3版 101)，IE8(19)。以上都是各大浏览器的最新正式版本，测试版不在此页面测试范围之内。
另外，http://www.findmebyip.com/litmus/#target-selector 给出了各大浏览器对html5元素，css3声明和选择器的支持情况。大家可以去了解下。

最近网站上了八国语言版。其中有阿拉伯语版。才知道阿拉伯语的书写习惯是从右向左，而且都是右对齐。正好跟我们倒过来~  有意思！
查了下，CSS可以控制它的新式。先来看两个CSS声明：
1. direction：
        语法：
          direction : ltr | rtl | inherit
            取值：
          ltr  :　 默认值。文本从左到右流入
          rtl  :　 文本从右到左流入
          inherit  :　 文本流入方向由继承获得
       说明：
          用于设置文本流入的方向。
          此属性不会影响拉丁文的字母数字字符，它们总是以 ltr 值被呈递。但是此属性会作用于拉丁文的标点符号。
          假如您想应用此属性于内联文本，您必须设定……

CSS祼奔节,今天你祼奔了吗?

详情请见：http://naked.webrebuild.org/

firebug          web开发工具(此插件就不要多说了~ )
     searchStatus     显示谷歌，Alexa的,PR的，竞争和linkscape排名与搜索相关的工具
     httpwatch basic edition        httpwatch是一个HTTP嗅探器和调试器用于Firefox
       web developer  添加一个菜单和各种网络开发人员工具栏
     yslow               网页速度与雅虎网页性能工具
     Screengrab   牛叉的截图工具
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

项目中有三个类似的焦图，就想着做个插件。说真的，还真是第一次写JQ的插件，虽然写的可能不好，大家可以路过，哈哈。所以发上来，自己mark下,以后回来再瞧~
结构：
<div class="pptBox" id="pptBox01">             <ul class="pptList">                 <li style="display:block"><a href="#nogo"><img src="images/683x272.jpg" alt=" " /></a></li>                 <li><a href="#nogo"><img src="images/1.jpg" alt=" " /></a></li>                 <li><a href="#nogo"><img src="images/2.jpg" alt=" " /></a></li>                 <li><a href="#nogo"><img src="images/3.jpg" alt=" " /></a></li>             </ul>             <ul class="textBox">                 <li style="display:block">图解一</li>                 <li>图解二</li>                 <li>图解三</li>                 <li>图解四</li>             </ul>             <ul class="numBox">                 <li class="pptOn">1</li>                 <li>2</li>                 <li>3</li>                 <li>4</li>             </ul>         </div>
CSS代码：
……

今天在做一个数据表格时,用了thead th   有一段时间没弄这种表格了~   在写代码时,居然把结构给写错了~
<table>     <thead>     <th></th>         <th></th>         <th></th>         </thead>     <tbody>     </tbody> </table>
当我校验时,就提示错误. 汗,最后才知道是把结构写错了,正确的结构应该为:
......

今天做了一页面。想校验下是否通过W3C xhtml校验。 在这里告诉大家怎么校验静态页。 opera浏览器可以校验静态页，用opera打开静态页，点右键，有个校验选项。点了即可。还有FF也可以，不过要装一个插件。Web Developer.  接着说，校验了下我的页面，哇，100多处错误，咋会这么多呢！ 后来检查了下，是有一个meta标签没有闭合。再检查还有4处错误了~  哈哈~  千万记的要闭合哦~  再检查下，原来meta标签的属性有些大写了！ 这些meta信息我以前貌似保存的！写页面的时候直接粘贴进去的！ 给大家提个醒了，标签属性一定要小写，属性值大小写无所谓~

在做一个页面时，测试过了IE和FF，OP都没问题。当我再去chorme 和 safari里测试时，真是一个难看。我心想我写页面也没烂到介个地步啊，通过一番测试，发现是ul的问题，我需要再给ul margin:0; padding:0;  重设下就不会有事了~~  但想不通的是为什么会介样呢？  因为我在reset里已经重设过了，
body, div, dl, dt, dd, ul, ol, li, p, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, button, input, textarea, img, blockquote, th, td { margin:0; padding:0; }  
真是想不通了，为什么还要重设一遍，后来去森林群里去请教，along看了页面发现了问题。
我的样式表一开始是介样写的：
……