浅析网站重构

“网站重构”这一词越来越流行，网上一搜，有200多万条关于这个词的结果。在此我也想聊聊我自己的看法。从字面上看，网站重构就是把网站重新做一遍。重做的目的是什么呢？无非是就是让网站更加优化，更符合web标准。

如何才能让网站更优化，更符合web标准？

我认为，让网站更优化是必须遵循的，但是并不一定非要严格的按照标准来做。以人为本，如何做才能更人性化、更有利于浏览、更符合浏览者的习惯才是我们做网站、去重构网站的根本指导思想。

一般浏览者在普通情况下不会有那么好的耐心去等30秒（甚至更短的时间）让一个页面打开。那么可想而知，一个页面再炫，内容再吸引人，浏览者不看的话那就完全失去了它存在的意义。这里就给我们提出一个要求，做网站首先一点就是如何让页面更快的打开。结构、表现和行为的分离是让页面更快的很好途径。

说到结构、表现和行为的分离，自然让人想到了DIV+CSS+JS（为了能更好的让人理解，请允许我暂且这么写），正因为如此，很多人就误认为只要把TABLE改DIV就是网站重构，其实是不对的，是不够的。TABLE和DIV都是HTML的标签都是做页面要使用的元素，只不过各司其职罢了。如何让标签能各司其职，这就需要我们在思想上的彻底改变，在思想上做到结构、表现和行为的分离。

结构、表现和行为的分离，页面标签的合理使用可以有效地精简页面代码，让页面能在更短的时间内加载完毕、呈现给浏览者。结构、表现和行为的分离同样有利于网站的改版、维护，在不动页面结构文件的情况下只要更改样式，网站就能呈现给人一种完全不同的风格。给浏览者一种完全不同的浏览感受，而做到这点所花的时间和精力要比结构、表现和行为混合的页面要少得多。

结构、表现和行为的分离，增加了页面的可读性，不仅能被搜索引擎更好的抓取，更重要的是那些需要借助屏幕阅读器浏览网页的浏览者能更好，更清晰地阅读网页上的内容，不会受到那些繁杂的样式代码干扰。还是要以人为本。

使用DIV+CSS来给页面进行布局，使用合适的标签来丰富页面的内容。这是目前非常流行的做页面的方法。那如何算合理使用标签呢？举个例子，页面上经常会出现一些表格，如一批不同产品的属性列表，我们使用“ul”、“li”同样可以实现所需要的表格样式，但是用“table”来实现是不是更加直观更加方便呢。又比如：一篇文章的标题，用一个“div”或“p”标签实现的效果和使用“h*”标签是一样的，那是不是应该用“h*”标签更合理呢。等等……

总之，我认为网站重构是思想和观念上的重构，要以人为本，从浏览者的角度出发，遵循web标准，合理使用每个页面标签，做到最大限度的页面优化。