看雅虎网页的设计，谈谈 XHTML

如果你在网上搜索一下，就会发现以下的现象。

网上说JS（以及JS的替代品JQuery）和 CSS + DIV 的文章很多，但讨论 html 的是在很还是少，大概也是因为它比较简单吧。以前都是用table，现在“网页标准”也被一些所谓的“好事者”喊乱了，于是乎讲 table 改成 div 也成了各大网站的趋势。但是 table 没了，table 的思想确实一直还在的，最简单的例子就是页面上像潘多拉宝盒似的嵌套，呵呵。

这次对同学公司的网站做二次开发，才发现一个有趣的现象，如果，客户的页面的结构不是老变化的情况下，用table布局还是来的很方便的。但是，一旦要是频繁的做修改！那用一句话来说，就是神仙来了也会累的吐血的！

我同学的公司的同事对网页制作并不很熟悉，所以，在他们的脑海里面，做网页应该和用word写文档是一样的，只要有了内容，加上拆分和汇总，再加上格式的修饰应该很容易的。所以，他们经常会改来该去，这下可苦了我找的外包公司，不知是出于什么原因，他们经常拒绝做很大的改动，而且也一再要求，客户能把页面模版确定下来，这回看过源码才发现，原来他们的技术人员也许是美工竟然采用了tbale布局，每个网页都嵌套了无数个表格，即使是使用Dreamweaver，这号称史上最牛逼的工具，也居然快搞不清楚整个页面的整体结构了，更别说，让我们这些维护者无法轻易下手了。

于是，不得不再二次改版的时候就全部去掉了，全部改成了DIV + CSS，但由于时间的关系，并没有很严格把前端的工作按照：XHTML + CSS 和JS这三块来划分，也就是平时常说的结构（xhtml）和表现（css）分离，行为 （javascript）和表现分离，行为和结构分离。这应该说这是一次不错的尝试把，当然我在具体的实施过程中势必在比以前要花上更多的时间。但是从另一方面讲，如果这样做能成功是不是意味这我们的分离至少会有一个必然的不错的成果。时间花的多的原因，主要还是在于自己对前端开发不是很熟悉，因为，以前做的都是后端开发了，其次，由于该公司做的程序还存在的各种bug及一些不合理的逻辑，也让我把用在这上面的时间拖着很长。

当然，把js分离出来这个问题不大，用框架就是基于这样的理论的，更何况，还有一个强有力的工具JQery的帮忙！可是，把css和xhtml分工写似乎是以前从没做过的事情，好在这次的同学网站项目二次开发的时间比较充裕，在项目化的三个元素（资源，效率，质量）中更看重质量的环节，所以才有这样的机会去尝试。当然，由于种种原因，做的并不彻底，这比较遗憾！争取下次改版的时候，做的更好一些吧！

在分享web性能的时候，又重新注意一个很有趣的现象，yahoo首页作为全球最繁忙的页面，一共也只有621个html标签，而我们看到一些中文网站站竟然有上千个之多！好可怕。光一个getElementById性能上就会差很多。 然后再把css去掉让网站裸奔一下， 雅虎的首页结构依然是那么清晰，条条框框很面线，信息组织上也很轻清楚，即使拿它来做张页面也没什么问题。而我们的中文网站就乱多了……

又想到了最近一段时间，经常出现的运营的虚拟主机的问题，经常导致的页面错位的事情。最近一段时间，有关唬人的seo的捷报频传，于是乎运营们可开始大刀阔斧地使用起来， 是想一张页面上都是重点，那重点又从何而来呢？我们常常是在讲语义话，可事实上要让计算机看得懂我们的纯html还有很长的路要走。

但是，问题又来了，我不禁要问，我们的做的东西是给谁看，有人说是最终客户，胡说，客户才不管你用的是什么布局，他们的要求其实很简单，在最短的时间里，做出他们认为说的过去的网页，并能很快的显示出来，给计算机看，难道计算机因为你写的纯html就能省钱吗？当然不是，其实，我们做的这些东西都是给像我们这些做维护的人看的，因为，我们希望在没有完全了解内容的情况下，可以任意的进行修改或二次开发。这才是问题的关键！

欢迎和我讨论这个问题，留言评论更佳！

附记：

附上部分网页源码的截屏，大家可以体会一下！碰上这样的美工或者称之为开发人员，简直无语了！