網(wǎng)站重構(gòu)這一詞越來越流行,網(wǎng)上一搜,有200多萬條關于這個詞的結(jié)果。在此我們也想聊聊我們自己的看法。從字面上看,網(wǎng)站重構(gòu)就是把網(wǎng)站重新做一遍。重做的目的是什么呢?無非是就是讓網(wǎng)站更加優(yōu)化,更符合Web標準。

    如何才能讓網(wǎng)站更優(yōu)化,更符合web標準?

    我們認為,讓網(wǎng)站更優(yōu)化是必須遵循的,但是并不一定非要嚴格的按照標準來做。以人為本,如何做才能更人性化、更有利于瀏覽、更符合瀏覽者的習慣才是我們們做網(wǎng)站、去重構(gòu)網(wǎng)站的根本指導思想。

    一般瀏覽者在普通情況下不會有那么好的耐心去等30秒(甚至更短的時間)讓一個頁面打開。那么可想而知,一個頁面再炫,內(nèi)容再吸引人,瀏覽者不看的話那就完全失去了它存在的意義。這里就給我們們提出一個要求,做網(wǎng)站首先一點就是如何讓頁面更快的打開。結(jié)構(gòu)、表現(xiàn)和行為的分離是讓頁面更快的很好途徑。

    說到結(jié)構(gòu)、表現(xiàn)和行為的分離,自然讓人想到了DIV+CSS+JS(為了能更好的讓人理解,請允許我們暫且這么寫),正因為如此,很多人就誤認為只要把TABLE改DIV就是網(wǎng)站重構(gòu),其實是不對的,是不夠的。TABLE和DIV都是HTML的標簽都是做頁面要使用的元素,只不過各司其職罷了。如何讓標簽能各司其職,這就需要我們們在思想上的徹底改變,在思想上做到結(jié)構(gòu)、表現(xiàn)和行為的分離。

    結(jié)構(gòu)、表現(xiàn)和行為的分離,頁面標簽的合理使用可以有效地精簡頁面代碼,讓頁面能在更短的時間內(nèi)加載完畢、呈現(xiàn)給瀏覽者。結(jié)構(gòu)、表現(xiàn)和行為的分離同樣有利于網(wǎng)站的改版、維護,在不動頁面結(jié)構(gòu)文件的情況下只要更改樣式,網(wǎng)站就能呈現(xiàn)給人一種完全不同的風格。給瀏覽者一種完全不同的瀏覽感受,而做到這點所花的時間和精力要比結(jié)構(gòu)、表現(xiàn)和行為混合的頁面要少得多。

    結(jié)構(gòu)、表現(xiàn)和行為的分離,增加了頁面的可讀性,不僅能被搜索引擎更好的抓取,更重要的是那些需要借助屏幕閱讀器瀏覽網(wǎng)頁的瀏覽者能更好,更清晰地閱讀網(wǎng)頁上的內(nèi)容,不會受到那些繁雜的樣式代碼干擾。還是要以人為本。

    使用Div+Css來給頁面進行布局,使用合適的標簽來豐富頁面的內(nèi)容。這是目前非常流行的做頁面的方法。那如何算合理使用標簽呢?舉個例子,頁面上經(jīng)常會出現(xiàn)一些表格,如一批不同產(chǎn)品的屬性列表,我們們使用“ul”、“li”同樣可以實現(xiàn)所需要的表格樣式,但是用“table”來實現(xiàn)是不是更加直觀更加方便呢。又比如:一篇文章的標題,用一個“div”或“p”標簽實現(xiàn)的效果和使用“h*”標簽是一樣的,那是不是應該用“h*”標簽更合理呢。等等...

    總之,我們認為網(wǎng)站重構(gòu)是思想和觀念上的重構(gòu),要以人為本,從瀏覽者的角度出發(fā),遵循Web標準,合理使用每個頁面標簽,做到較大限度的頁面優(yōu)化。