??? 隨(sui)著(zhu)互(hu)聯網(wang)上(shang)各(ge)種網(wang)頁(ye)瀏覽(lan)器(qi)的層出不(bu)(bu)窮，網(wang)頁(ye)設計師就要不(bu)(bu)得(de)不(bu)(bu)面對一個問(wen)(wen)題(ti)：即網(wang)站中的各(ge)個頁(ye)面對不(bu)(bu)同瀏覽(lan)器(qi)的兼(jian)容性問(wen)(wen)題(ti)。

??? 這(zhe)是(shi)(shi)一(yi)個(ge)(ge)讓網(wang)(wang)站(zhan)(zhan)架構師(shi)(shi)非常糾結且頭(tou)疼的(de)(de)(de)問題。因為不(bu)(bu)(bu)(bu)(bu)僅(jin)要(yao)(yao)考慮不(bu)(bu)(bu)(bu)(bu)同的(de)(de)(de)瀏(liu)覽(lan)(lan)(lan)器(qi)兼容(rong)問題，還要(yao)(yao)考慮同一(yi)瀏(liu)覽(lan)(lan)(lan)器(qi)不(bu)(bu)(bu)(bu)(bu)同版本(ben)之間的(de)(de)(de)兼容(rong)問題（比如IE6，IE7，IE8，誰(shui)知道后面會不(bu)(bu)(bu)(bu)(bu)會有(you)IE9）。其實這(zhe)一(yi)問題只要(yao)(yao)把瀏(liu)覽(lan)(lan)(lan)器(qi)對網(wang)(wang)頁解析方式標(biao)準化即可，可偏偏各大的(de)(de)(de)網(wang)(wang)頁瀏(liu)覽(lan)(lan)(lan)器(qi)開發商誰(shui)也不(bu)(bu)(bu)(bu)(bu)服誰(shui)，誰(shui)都固執的(de)(de)(de)想以自(zi)己(ji)為標(biao)準。他(ta)說他(ta)的(de)(de)(de)過(guo)程是(shi)(shi)最優(you)化的(de)(de)(de)，他(ta)說他(ta)的(de)(de)(de)過(guo)程是(shi)(shi)最合理的(de)(de)(de)且占資源最少(shao)的(de)(de)(de)，你方唱罷我登(deng)場，總(zong)之是(shi)(shi)一(yi)個(ge)(ge)“亂(luan)”字。于是(shi)(shi)聰明的(de)(de)(de)網(wang)(wang)頁布局師(shi)(shi)亦(yi)或是(shi)(shi)有(you)點責任心的(de)(de)(de)瀏(liu)覽(lan)(lan)(lan)器(qi)開發商想出(chu)了(le)(le)一(yi)個(ge)(ge)解決網(wang)(wang)頁兼容(rong)性(xing)的(de)(de)(de)辦(ban)法，那就是(shi)(shi)CSS-HACK，這(zhe)應該算是(shi)(shi)個(ge)(ge)悲劇的(de)(de)(de)產物。而且，隨著(zhu)(zhu)瀏(liu)覽(lan)(lan)(lan)器(qi)的(de)(de)(de)層出(chu)不(bu)(bu)(bu)(bu)(bu)窮（或版本(ben)升(sheng)(sheng)級(ji)(ji)或新(xin)品出(chu)現），這(zhe)一(yi)產物也在不(bu)(bu)(bu)(bu)(bu)斷的(de)(de)(de)升(sheng)(sheng)級(ji)(ji)著(zhu)(zhu)。于是(shi)(shi)本(ben)來精力就有(you)限(xian)的(de)(de)(de)網(wang)(wang)站(zhan)(zhan)架構師(shi)(shi)（網(wang)(wang)頁布局師(shi)(shi)）隨著(zhu)(zhu)瀏(liu)覽(lan)(lan)(lan)器(qi)的(de)(de)(de)動態又不(bu)(bu)(bu)(bu)(bu)得不(bu)(bu)(bu)(bu)(bu)去(qu)學習新(xin)的(de)(de)(de)hack（比如IE7升(sheng)(sheng)級(ji)(ji)了(le)(le)，IE8升(sheng)(sheng)級(ji)(ji)了(le)(le)，谷(gu)歌瀏(liu)覽(lan)(lan)(lan)器(qi)出(chu)現了(le)(le)，火狐升(sheng)(sheng)級(ji)(ji)了(le)(le)）.

?

??? 通常，只要是有些責任心的網絡公司在給企業做網站建設時，都會充分考慮到網頁的兼容性（不良網絡公司除外）。隨著DIV+CSS的普及和兼容問題的普遍認知性，網絡公司早已不惜也不愿意在此節約成本。在網站建設好(hao)之后(hou)，在任何(he)平臺或是(shi)瀏覽器上測試瀏覽一般都不會出(chu)現(xian)問題(ti)，即使(shi)出(chu)現(xian)一些小小的兼容問題(ti)，也會馬上解決。

??? 可是，經常會有另一種情況出現。網站的頁面與平面廣告不同，網頁是“動”的，它會隨著后續內容的增加而變化，其網頁結構也在變化著（當然頁面大體結構不會變化）。在測試的時候可能只是隨意的放二條新聞，一篇文章，或是幾個產品，因為內容有限，網站的結構不會出現問題。但是待正式上線后，隨著網站內容的不斷充實，網站的結構就很可能出現兼容性“隱患”。這里之所以加上“隱患”之詞，是強調前面測試沒有發現，而后面兼容問題出現了，卻也沒有機會發現。因為一般情況下，只有在做網站外測之初才會用不同的瀏覽器測試其兼容性，待測試過后，網站運營人員或是網站站長就會習慣的用一種瀏覽器瀏覽網頁。而這種瀏覽器在顯示自身網站時并未出現兼容性問題(ti)，可(ke)在另一(yi)二(er)個版(ban)本(ben)中(zhong)，因(yin)為后續填加的(de)充實了的(de)內容擠出(chu)了原來看似穩定(ding)的(de)結構。比如(ru)(ru)說：新(xin)聞標題(ti)字(zi)數(shu)，新(xin)聞條數(shu)，文(wen)章高度，亦或是網站(zhan)后續推廣過(guo)程(cheng)中(zhong)改了網頁(ye)中(zhong)的(de)樣(yang)式，這(zhe)些動作都(dou)會產生兼容性隱患。如(ru)(ru)果這(zhe)一(yi)問題(ti)，一(yi)直未(wei)被(bei)發(fa)現，且網站(zhan)還在推廣過(guo)程(cheng)中(zhong)，那(nei)損(sun)失是相當大的(de)。

??? 派琪(qi)(qi)(qi)（PaiKy）就(jiu)曾遇(yu)到過(guo)這樣的(de)問題(ti)。派琪(qi)(qi)(qi)在(zai)百度推廣(guang)過(guo)程(cheng)中(zhong)，為了(le)適應(ying)推廣(guang)需要，改動了(le)一(yi)些網(wang)頁細節(jie)，而在(zai)改動之后，未(wei)做兼容性復查。于是在(zai)長達二個月的(de)百度競價中(zhong)，凡是在(zai)IE6下(xia)點擊瀏覽派琪(qi)(qi)(qi)網(wang)站的(de)，其導航都會錯(cuo)行亂碼(ma)。這樣的(de)頁面，會導至瀏覽者的(de)閱(yue)讀不快而直接關閉(bi)頁面。檢察流量統計發現，有50%-70%訪(fang)客使(shi)用的(de)是IE6，其結果就(jiu)導致其在(zai)百度競價上投入的(de)一(yi)半以上的(de)費用是無用的(de)。好(hao)在(zai)，派琪(qi)(qi)(qi)技(ji)術(shu)部在(zai)發現問題(ti)后，立即糾(jiu)正了(le)此錯(cuo)誤。此次的(de)教訓(xun)，一(yi)直被派琪(qi)(qi)(qi)技(ji)術(shu)部同事(shi)所銘記。在(zai)此也提(ti)醒站長以及從事(shi)網(wang)建相關技(ji)術(shu)的(de)朋(peng)友(you)，網(wang)頁兼容問題(ti)不可忽視(shi)，以避免造成不必要的(de)損失。

??? 隨著谷歌(ge)（互聯網巨(ju)頭）開發的(de)瀏覽(lan)器出(chu)現，瀏覽(lan)器對網頁的(de)解讀方案似乎也趨(qu)于標準。最新(xin)的(de)IE8似乎與各大瀏覽(lan)器的(de)差異比以往(wang)版本都少了(le)許多。而html5的(de)出(chu)現，好像也為(wei)其(qi)標準化(hua)打了(le)一針強心劑(ji)。其(qi)在告戒各個瀏覽(lan)器開發商，標準是(shi)唯一的(de)，切勿“閉門造標準”。

上海網站建設 上海網站設計（themoshshop.com）上海派琪網絡企(qi)劃傳媒(mei)資(zi)訊站