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

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

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

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

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

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

分享標題：網(wǎng)站重構的重要性
文章出自：http://chinadenli.net/news/218327.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供微信公眾號、面包屑導航、網(wǎng)站制作、網(wǎng)站營銷、商城網(wǎng)站、外貿(mào)建站

廣告

聲明：本網(wǎng)站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經(jīng)允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯(lián)