在很多Web开发人员的印象里，符合Web标准的开发就是用div+css来写Web页面。很多网站上的参考资料会这样写，很多论坛里的大牛会这样说。

如果说，一层又一层地嵌套div来取代原来的表格布局，然后通过了w3c的在线验证，就说这个页面是符合Web标准的话，那是彻底的掩耳盗铃。因为如果不用div，回到原始的表格布局的网页同样也能通过w3c的验证。所以说，通过验证的代码和真正干净、有语义、符合Web标准的现代Web开发代码并不是一回事。作为一个真正的现代Web工程师，放弃传统的表格布局是我们的基本要求，我们更要避免滥用div和span这样的无语义元素，造成页面的再一次冗余。

Continue Reading »

“山寨”Web工程师？

前天在和几位朋友谈起Web开发的语义化(X)HTML或者说符合Web标准的(X)HTML的时候，发现很多人甚至是正在从事和Web相关工作的人都还没有意识到这个问题。甚至还有人反问我：“可是你知道现在很多人就是用表格来布局的吗？”似乎那才是主流。

我觉得如果一步做到(X)HTML的语义化比较困难的话，那至少要符合Web标准的Web开发才能称为一名合格的Web开发人员。也就是所谓的山寨不山寨的问题。可能会有很多从事Web工作很多年的资深工程师会质疑，这么多年做下来都已经熟门熟路，怎么会成了“山寨”版的Web工程师。

以下是翻译自《Pro CSS Techniques》一书，简单讲了什么是语义化的(X)HTML标记以及语义化给我们带来的好处。

Continue Reading »