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

    如何才能让网站更优化,更符合web标准?

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

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

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

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

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

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

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