记得是2005年，但也许更早，前端工程师这个职位开始在中国出现。如果再往前推，CSS的发展不过是十几年，HTML也才是个20岁风华正茂的小伙子。现在HTML5和CSS3，带来了诸多新的变革，web发展是日新月异还是略显老态？
浏览器模式
关于浏览器模式，一直以来的理解是这样的：浏览器厂商出于那些老站点的向后兼容的目的，创建了两种模式。即标准模式(standards mode)和怪异模式(quirks mode)。在标准模式里，浏览器按照规范渲染页面，而在怪异模式里，浏览器以一种老式的或者是模拟老式浏览器的渲染方式表现页面。
这些并没有错，但是还不够全面和深入。当我回顾《CSS Mastery》的时候，也让我想起了很多渐渐淡忘的、并且也可能是无关紧要的其他碎片。
比如，两种模式最大的差异的例子就是IE盒模型的解释。IE如此，Opera 7也是如此。再比如，Mozilla和Safari的第三种“准标准模式(almost standards mode)”，只是在处理表格的方式上有些细微的差异，其他与标准模式无异。等等。
一直以来，确保DOCTYPE的正确也是非常重要的事。浏览器根据DOCTYPE是否存在以及是何种DOCTYPE来确定渲染方式。如果总结如表，应该是这个样子。
| DOCTYPE | MODE |
|---|---|
| XHML + 形式完整DOCTYPE | 标准模式 |
| HTML 4.01 + strict DTD | 标准模式 |
| DOCTYPE包含URL和transitional DTD | 标准模式 |
| DOCTYPE只包含transitional DTD | 怪异模式 |
| DOCTYPE不存在或形式不完整 | 怪异模式 |
这张由我根据《CSS Mastery》一书所列出的表并不怎么完整，Alastair Campbell有一个更加全面的关于IE浏览器模式和DOCTYPE的表格。
另外一个可能有点过时的，是Eric Meyer关于DOCTYPE switching的表格。多年之后我再去看这个链接的时候，发觉它居然还在:)
而现在，我更喜欢看QuirksMode上的资料。
HTML5 新标签 ruby
HTML5也许真的离我们不是很遥远。今天匆匆浏览了一下3月10日版本的关于HTML5和HTML4区别的W3C的草案: http://dev.w3.org/html5/html4-differences/#changed-elements，就更加觉得仿佛就在眼前一般。在新标签里看到了ruby的名字突然就联想到了ruby语言。虽然这个ruby和ROR没什么关系，但引起了我想要去了解的兴趣。
ruby元素是用来标记称之为 ruby 注释的。ruby 注释是用ruby字符标示在汉字等东亚字符的上方或者右方用来标示的拼音的那部分。就像小时候读课文时，标记在文字上的拼音，就是ruby字符，或者称之为ruby(rubi)。