網站建設或網站改版是否需要DIV+CSS重構？

在網站建設過程中是否需要利用(yòng)DIV+CSS布局、或者網站改版是否需要進行DIV+CSS重構，是乎一直是網絡服務業争論不休的(de)話(huà)題；确實在階段如果利用(yòng)Table布局的(de)網站看不出有什(shén)麽明(míng)顯的(de)問題，而且就象很多(duō)網絡公司說的(de)那樣，DIV+CSS也(yě)确實不是什(shén)麽新鮮玩意。然而也(yě)正是這(zhè)麽一個(gè)沒有什(shén)麽新意的(de)玩意，很多(duō)網站建設和(hé)網頁設計從業者都不願意去接受和(hé)嘗試，這(zhè)除了(le)意識形态的(de)問題，我想跟惰性有關系：反正飯能吃(chī)飽，至于能不能吃(chī)好那當然也(yě)就沒誰去在乎了(le)......

爲什(shén)麽很多(duō)網站建設從業者不願意把網站改成DIV+CSS呢(ne)？當然理(lǐ)由有2種：1、沒必要；2、太麻煩。

“沒必要”這(zhè)個(gè)理(lǐ)由很有意思

DIV是什(shén)麽？是division，就是區(qū)域、區(qū)塊的(de)意思。在HTML代碼出現的(de)時(shí)候，DIV這(zhè)個(gè)标簽本來(lái)就是用(yòng)來(lái)做(zuò)頁面布局的(de)。大(dà)家現在做(zuò)網頁、建網站，卻大(dà)多(duō)使用(yòng)table來(lái)搭建框架、做(zuò)頁面布局。

Table是什(shén)麽？table是表格的(de)意思，table隻應該在輸出數據、輸入數據作爲表格、表單的(de)時(shí)候才出現。所以說，用(yòng)table來(lái)做(zuò)網頁布局本來(lái)就是錯誤的(de)。

DIV重構網站不但有必要，而且從道理(lǐ)上來(lái)說也(yě)是必須的(de)：你可(kě)以躺在沙發上睡(shuì)覺，而且可(kě)以睡(shuì)得(de)很香，如果你願意的(de)話(huà)您還(hái)可(kě)以在地闆上睡(shuì)覺，如果習(xí)慣了(le)甚至覺得(de)地闆上睡(shuì)覺也(yě)蠻舒服的(de)；但媽媽或老師都會教育你應該到床上睡(shuì)，沒什(shén)麽理(lǐ)由，床設計出來(lái)就是用(yòng)來(lái)睡(shuì)覺的(de)、而沙發設計出來(lái)就是用(yòng)來(lái)休息或會客坐(zuò)的(de)。如果把床和(hé)沙發調換一下(xià)功能或者位置，不光(guāng)是自己、别人(rén)也(yě)會覺得(de)别扭......總之達到某個(gè)目标的(de)的(de)辦法有很多(duō)種，我們無非是要找出最快(kuài)捷、最有效、最讓大(dà)家信服的(de)那一種而已。

“太麻煩”這(zhè)個(gè)理(lǐ)由可(kě)以理(lǐ)解

我們給很多(duō)企業做(zuò)過網站重構，并按照(zhào)Xhtml結構化(huà)代碼，使其更加符合W3C标準。因爲W3C标準正在不斷改變、各浏覽器對(duì)WEB标準的(de)支持。

重構網站要花的(de)精力是驚人(rén)的(de)，我認爲遠(yuǎn)大(dà)于新建設一個(gè)網站。因爲每有一點改進，就要測試不同浏覽器（比如IE、Firefox、Opera）、和(hé)不同版本的(de)(IE 7.0、IE 6.0、IE 5.0、Firefox1.5、Firefox1.0 )兼容性問題。而且你必須打開3台電腦(nǎo)，一台電腦(nǎo)上是沒法同時(shí)查看同一種浏覽器不同版本的(de)效果的(de)。網站元素越多(duō)，出現的(de)問題就越多(duō)，我們曾經爲了(le)重構200個(gè)頁面，花了(le)2個(gè)月(yuè)的(de)時(shí)間！總之，重構一個(gè)網站确實很麻煩。

爲什(shén)麽要采用(yòng)DIV+CSS重構

如果你給老外做(zuò)網站，他(tā)一般都會要求你的(de)作品是DIV+CSS的(de)。DIV+CSS重構過的(de)網站主要體現在以下(xià)幾個(gè)方面，更多(duō)請參考網站使用(yòng)DIV+CSS布局有什(shén)麽好處

1、結構清晰：是指網頁源代碼的(de)結構清晰，不是指客戶端顯示出來(lái)的(de)網頁。很多(duō)人(rén)覺得(de)網頁源代碼結構清晰有什(shén)麽用(yòng)呢(ne)？用(yòng)戶又不會看你的(de)網頁源代碼！确實，這(zhè)個(gè)觀點是成立的(de)，但是結構清晰的(de)網站代碼将更加有利于搜索引擎抓取有用(yòng)的(de)信息，而且在進行團隊開發的(de)時(shí)候更有利于流程和(hé)标準的(de)統一、有利于開發團隊相互配合，特别是在進行網站改版和(hé)結構調整的(de)時(shí)候。

2、下(xià)載速度：DIV+CSS避免了(le)煩瑣、重複的(de)表格屬性和(hé)表格嵌套（Table嵌套），避免半天打不開網頁的(de)情況，而且結構化(huà)的(de)、清晰的(de)代碼可(kě)大(dà)大(dà)的(de)減少網站代碼繁瑣度，本身體積也(yě)會變得(de)更小，從而獲得(de)更快(kuài)的(de)下(xià)載速度。

3、易于改版和(hé)更新：DIV+CSS采用(yòng)的(de)是“表現和(hé)代碼分(fēn)離”的(de)模式，這(zhè)在網站改版和(hé)網站更新的(de)時(shí)候就表現得(de)特别明(míng)顯，所有的(de)内容信息包含在網頁裏，而布局及設計元素全在css文件裏，如果要進行網站結構調整的(de)話(huà)，我們根本無需要進行網頁和(hé)程序的(de)更新，隻需要更換CSS文件即可(kě)！

特别值得(de)說明(míng)的(de)是：在一些Web 2.0 網站建設中，DIV+CSS采用(yòng)的(de)“表現和(hé)代碼分(fēn)離”模式就是必須的(de)了(le)，比如百度空間（blog），如果不采用(yòng)DIV+CSS用(yòng)戶根本無法象現在這(zhè)樣靈活的(de)定義自己空間/Blog的(de)布局和(hé)風格。

4、SEO搜索引擎優化(huà)：幾乎所有SEO網站都采用(yòng)DIV+CSS布局，因爲“有效關鍵詞占網頁總代碼的(de)比重”一定會影(yǐng)響到搜索的(de)結果和(hé)效果。而采用(yòng)DIV+CSS避免了(le)Table嵌套層次太多(duō)無法被搜索引擎抓取的(de)問題；而且簡潔、結構化(huà)的(de)代碼更加有利于突出重點和(hé)适合搜索引擎抓取，在網絡營銷型網站建設中，這(zhè)點是非常重要。

個(gè)人(rén)認爲DIV+CSS有太多(duō)的(de)誤區(qū)：很多(duō)人(rén)認爲用(yòng)DIV替換掉Table就是DIV+CSS網站了(le)，這(zhè)是一個(gè)很大(dà)的(de)誤區(qū)，也(yě)是很多(duō)人(rén)初學者都會做(zuò)DIV+CSS、但卻做(zuò)不好的(de)原因。DIV+CSS其實不是一個(gè)形式的(de)問題，而是理(lǐ)念問題。DIV+CSS向我們傳達了(le)“區(qū)塊”、“表現和(hé)代碼分(fēn)離”的(de)網站設計理(lǐ)念，因爲絕大(dà)多(duō)數XHTML标簽都可(kě)以被我們通(tōng)過CSS定義爲塊，并且賦予豐富的(de)表現形式。但就是這(zhè)樣的(de)模式，讓我們可(kě)以統一的(de)、标準的(de)、結構化(huà)的(de)使用(yòng)XHTML标簽，其意義才可(kě)以表現出來(lái)。

還(hái)是要重複那句話(huà)，達到一個(gè)目的(de)的(de)方法有很多(duō)種，我們爲什(shén)麽不去選最正确的(de)那一種呢(ne)？

感謝您對(duì)訊友網絡的(de)一貫支持與關注！我們爲您提供網站建設,網站優化(huà)等相關服務!