網(wǎng)站重構(gòu)的重要性

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

　　說到結(jié)構(gòu)、表現(xiàn)和行為的分離，自然讓人想到了DIV+CSS+JS（為了能更好的讓人理解，請(qǐng)?jiān)试S我暫且這么寫），正因?yàn)槿绱耍芏嗳司驼`認(rèn)為只要把TABLE改DIV就是網(wǎng)站重構(gòu)，其實(shí)是不對(duì)的，是不夠的。TABLE和DIV都是HTML的標(biāo)簽都是做頁面要使用的元素，只不過各司其職罷了。如何讓標(biāo)簽?zāi)芨魉酒渎?，這就需要我們?cè)谒枷肷系膹氐赘淖?，在思想上做到結(jié)構(gòu)、表現(xiàn)和行為的分離。

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

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

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

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