前言
對于日常的很多事情，我們并沒有注意到這背后都有著一個隱藏的“因素”在起作用，這個因素就是：標(biāo)準(zhǔn)。
有了“銀行卡的標(biāo)準(zhǔn)”，你就不用擔(dān)心不同銀行的卡大小不一樣，所有提款機的入卡口都一樣；
有了“普通話標(biāo)準(zhǔn)”，全國人民可以方便的進行語言交流；
有了“螺口的工業(yè)標(biāo)準(zhǔn)”，你買個6分的水龍頭就更對可以可6分的水管接上；
有了“格林威治標(biāo)準(zhǔn)時間”，全世界的人們都不會接錯班機時間。
生活中每天都發(fā)生類似的事情，這樣的事情似乎再正常不過的了，并沒有什么特別之處。但是，你有沒有想過：
為什么所有銀行卡的大小都是一樣的尺寸？
為什么我用普通話就能和廣州同學(xué)交流？
為什么買來的新水龍頭的螺口正好與老的水管能接上？
為什么法國朋友不會接錯時間？
生活中各行各業(yè)都有著自己相應(yīng)的標(biāo)準(zhǔn)與規(guī)范，標(biāo)準(zhǔn)可以方便交流、促進協(xié)作、提**率。
對于IT行業(yè)，設(shè)備的多樣性與信息的多樣性更加需要標(biāo)準(zhǔn)來保證它們之間的溝通與協(xié)作。我們可能在手機、打印機、數(shù)碼相機之間交互數(shù)據(jù)；我們可能在網(wǎng)站、郵件和辦公軟件之間傳遞信息；我們可能要在未來新設(shè)備（例如機頂盒、信息家電）中應(yīng)用現(xiàn)有資源。如果沒有統(tǒng)一的標(biāo)準(zhǔn)，那么現(xiàn)在所有的信息都是孤立的、不可分享、不可重用的；我們需要浪費大量的人力物力重新為新設(shè)備建立數(shù)據(jù)；我們需要為每一次的多系統(tǒng)應(yīng)用做專門的開發(fā)。
好在我們已經(jīng)找到了解決的方案，這就是---XML。
XML簡單說就是一種“有規(guī)定格式的文檔”，只要我們的設(shè)備或系統(tǒng)產(chǎn)生的數(shù)據(jù)都遵守這種格式，就可以實現(xiàn)互相的數(shù)據(jù)交換、分享與協(xié)作。
自從1998年國際萬維網(wǎng)組織(W3C.org)推出XML 1.0規(guī)范以來，已經(jīng)有大量的XML標(biāo)準(zhǔn)在我們的生活中應(yīng)用，例如我們用手機訂閱的天氣預(yù)報、股票行情，這些數(shù)據(jù)都是從相應(yīng)的系統(tǒng)獲得然后通過XML格式轉(zhuǎn)換發(fā)送給你的；我們通過QQ或者MSN上發(fā)送消息到不在線的朋友手機上，這其中的信息也是通過XML轉(zhuǎn)換實現(xiàn)的;還有更多的商業(yè)應(yīng)用，例如公司內(nèi)部的CRM、ERP、內(nèi)容管理系統(tǒng)之間的數(shù)據(jù)交互、整合與共享都應(yīng)用了XML。
那么，你自然會想到：網(wǎng)頁(web)是否也應(yīng)該遵循XML標(biāo)準(zhǔn)呢？答案是肯定的。
我們有99%的網(wǎng)站是采用HTML制作的，而HTML并不符合XML格式。因此這些網(wǎng)頁信息都很難適應(yīng)未來新設(shè)備和數(shù)據(jù)共享的要求。怎么辦呢？國際萬維網(wǎng)組織(W3C.org)已經(jīng)提出了解決辦法，他們在HTML基礎(chǔ)上，按照XML格式制定了新的規(guī)范XHTML1.0，只要通過簡單的改變，就能將HTML轉(zhuǎn)為XHTML，從而實現(xiàn)向XML的過渡。同時，為了使你的頁面信息更加容易被搜索和重用、XHTML的代碼需要結(jié)構(gòu)更加更清晰、標(biāo)簽更加有語義，W3C推薦使用CSS來控制表現(xiàn)，以實現(xiàn)內(nèi)容與表現(xiàn)的相分離。
萬維網(wǎng)出現(xiàn)以后，大大改變了人們的信息獲取方式，以前從報紙、電視、廣播上獲取信息，現(xiàn)在可以更方便的通過網(wǎng)絡(luò)，通過瀏覽器瀏覽獲得。web上的信息也日益豐富，從一開始簡單的、靜態(tài)的文檔和圖片信息，到現(xiàn)在動態(tài)的、可交互的多媒體信息，web上的信息已經(jīng)多到可以用“恐怖”來形容。去年底，google搜索引擎已經(jīng)能夠搜索到82億張網(wǎng)頁和21億張圖像。這么多的數(shù)據(jù)是財富，但是如果不能有效利用和搜索就是“信息垃圾”。而事實上，已經(jīng)產(chǎn)生了數(shù)據(jù)冗余和信息無法有效共享、查詢的情況。
這也就是我們這本書要講的主題：用web標(biāo)準(zhǔn)技術(shù)重構(gòu)你的網(wǎng)站。
一：了解web標(biāo)準(zhǔn)
1. 什么是w3c？
W3C是“World Wide Web Consortium”的縮寫，中文稱萬維網(wǎng)組織。是一個專注于“領(lǐng)導(dǎo)和發(fā)展web技術(shù)”的國際工業(yè)行業(yè)協(xié)會。它由萬維網(wǎng)**Time Berners-Lee領(lǐng)導(dǎo)，成立與1994年。W3C已經(jīng)有超過500家的會員--包括微軟、美國在線(Netscape的母公司)、蘋果電腦、Adobe、Macromedia、SUN 以及各類主流硬件、軟件制造商和電信公司。學(xué)會主要研究由三家學(xué)術(shù)機構(gòu)主理--美國麻省理工學(xué)院(MIT)、法國的歐洲信息與數(shù)學(xué)研究論壇(ERCIM)、日本的應(yīng)慶大學(xué)(KEIO)。
W3C主要工作是研究和制定開放的規(guī)范(事實上的標(biāo)準(zhǔn))，以便提高web相關(guān)產(chǎn)品的互用性。W3C的推薦規(guī)范的制定都是由來自于會員和特別邀請的專家組成的工作組完成。工作組的草案(Drafts)在通過多數(shù)相關(guān)公司和組織同意后提交給W3C理事會討論，正式批準(zhǔn)后才成為“推薦規(guī)范(Recommendations)”發(fā)布。更多的信息您可以訪問W3C的網(wǎng)站：
一些XML的應(yīng)用，例如XHTML和MathML,已經(jīng)成為W3C推薦規(guī)范。你同樣可以通過樣式規(guī)范(CSS和XSL)，來定義XML標(biāo)簽的表現(xiàn)形式。XML文檔目前還不能直接用瀏覽器顯示，頁面展現(xiàn)依然采用HTML或者XHTML，XML現(xiàn)在大多用于服務(wù)器與服務(wù)器(系統(tǒng)與系統(tǒng))之間的數(shù)據(jù)交換。
3.4 DOM1.0
DOM是Document Object Model文檔對象模型的縮寫。DOM給了腳本語言(類似ECMAScript)無限發(fā)揮的能力。它使腳本語言很容易訪問到整個文檔的結(jié)構(gòu)、內(nèi)容和表現(xiàn)。
3.5XHTML1.0
XHTML實際上就是將HTML根據(jù)XML規(guī)范重新定義一遍。它的標(biāo)簽與HTML4.0一致，而格式嚴格遵循XML規(guī)范。因此，雖然XHTML與HTML在瀏覽器中一樣顯示，但如果你要轉(zhuǎn)換成PDF，那么XHTML會容易的多。
XHTML有三種DTD定義：嚴格的(strict)，過渡的(Transitional)，框架的(Frameset)。 DTD是Document Type Definition文檔類型定義的縮寫。它寫在XHTML文件的更開始，告訴瀏覽器這個文檔符合什么規(guī)范，用什么規(guī)非凹復(fù)解析。
4 什么是ECMA？
是“European Computer Manufactures Association”的縮寫，中文稱歐洲計算機制造聯(lián)合會。是1961年成立的旨在建立統(tǒng)一的電腦操作格式標(biāo)準(zhǔn)--包括程序語言和輸入輸出的組織。
ECMA位于日內(nèi)瓦，和ISO(國際標(biāo)準(zhǔn)組織)以及IEC(國際電工標(biāo)準(zhǔn)化機構(gòu))總部相鄰，主要任務(wù)是研究信息和通訊技術(shù)方面的標(biāo)準(zhǔn)并發(fā)布有關(guān)技術(shù)報告。ECMA并不是官方機構(gòu)，而是由主流廠商組成的，他們經(jīng)常與其他國記凹擱織進行合作。
4.1 ECMA發(fā)布的標(biāo)準(zhǔn) ECMAscript
ECMAscript是基于Netscape javaScript的一種標(biāo)準(zhǔn)腳本語言。它也是一種基于對象的語言，通過DOM可以操作網(wǎng)頁上的任何對象。可以增加、刪除、移動或者改變對象。使得網(wǎng)頁的交互性大大提高。
上述標(biāo)準(zhǔn)是我們目前從HTML向XML過渡時期用到的主要標(biāo)準(zhǔn)，也是本書主要討論的范疇。
5.web標(biāo)準(zhǔn)的優(yōu)勢
5.1向后兼容性
使用web標(biāo)準(zhǔn)建立的頁面，將在未來的新瀏覽器或者新網(wǎng)絡(luò)設(shè)備中很好的工作。我們只要修改CSS或者XSL定制相應(yīng)的表現(xiàn)形式就可以了。
5.2 易用性
用web標(biāo)準(zhǔn)制作的頁面，對搜索引擎更加“透明”，因為良好清晰的結(jié)構(gòu)使得搜索引擎能夠方便的判斷與評估信息，從而建立更**的索引。按web標(biāo)準(zhǔn)制作的頁面也可以在更老版本的瀏覽器中正常顯示基本結(jié)構(gòu)，即使CSS/XSL樣式無法解析，它也能顯示出完整的信息和結(jié)構(gòu)。
符合web標(biāo)準(zhǔn)的頁面也很容易被轉(zhuǎn)換成其他格式文檔，例如數(shù)據(jù)庫或者word格式,也容易被移植到新的系統(tǒng)--硬件或者軟件系統(tǒng)，比如網(wǎng)絡(luò)電視、PDA等等。這是XML天生具有的優(yōu)勢。
符合web標(biāo)準(zhǔn)的頁面也具有天生的“易用性(accessibility)”,不**是普通瀏覽器可以閱讀，那些有殘疾的人們也可以通過盲人瀏覽器、聲音閱讀器正常使用。
二：web標(biāo)準(zhǔn)的思考與爭論
通過上文的介紹，我們已經(jīng)初步了解為什么W3C要建立XML標(biāo)準(zhǔn)，為什么各大廠商都愿意支持XML。也了解到為了向XML標(biāo)準(zhǔn)過渡，我們目前階段需要學(xué)習(xí)和掌握的web標(biāo)準(zhǔn)有那些，接下來就是具體應(yīng)用了。但我們發(fā)現(xiàn)應(yīng)用也并不如想像中那樣順利，依然有一堆的困難擺在我們面前：
有99%采用HTML4.0或者更老規(guī)范建立的網(wǎng)頁需要轉(zhuǎn)換到XHTML；
每天依然有大量的新的頁面采用不符合web標(biāo)準(zhǔn)的技術(shù)在發(fā)布；
缺乏易用的、強大的支持web標(biāo)準(zhǔn)的頁面開發(fā)軟件；
主流瀏覽器IE對web標(biāo)準(zhǔn)的支持不完善；
大批的設(shè)計師需要了解web標(biāo)準(zhǔn)，轉(zhuǎn)變觀念；
其中“轉(zhuǎn)變觀念”是更重要、也是更難的。許多設(shè)計師還不理解web標(biāo)準(zhǔn)，依然在觀望甚至反對。這里我們來分析web標(biāo)準(zhǔn)推廣過程中遇到的典型問題與爭論：
(一)關(guān)于web標(biāo)準(zhǔn)
1.web標(biāo)準(zhǔn)并不是“標(biāo)準(zhǔn)”，我為什么要遵守？
的確，web標(biāo)準(zhǔn)并不是標(biāo)準(zhǔn)，它只是W3C制定的推薦規(guī)范，W3C并沒有強制要求和監(jiān)督業(yè)界去執(zhí)行。web標(biāo)準(zhǔn)組織(webstandards.org)為了便于這些規(guī)范的推廣，才把它們統(tǒng)稱為“web標(biāo)準(zhǔn)”。雖然W3C制定的只是“推薦規(guī)范”，但它已經(jīng)是事實上的標(biāo)準(zhǔn)，世界前500家大IT企業(yè)會員都認可的規(guī)范，你沒有理由懷疑它的廣泛性和可行性。微軟也是W3C的主要會員，它自己通過的規(guī)范一定會支持，但出于商業(yè)競爭的考慮，微軟通常都會做一些細節(jié)調(diào)整來綁定用戶，但這并不影響W3C規(guī)范的方向性和**性。
2.DIV+CSS就是web標(biāo)準(zhǔn)嗎？
DIV+CSS只是具體的實現(xiàn)技術(shù)手段，并不能涵蓋web標(biāo)準(zhǔn)。web標(biāo)準(zhǔn)不**是HTML向XHTML的轉(zhuǎn)換，更重要的是信息結(jié)構(gòu)清晰、內(nèi)容與表現(xiàn)相分離，而DIV+CSS技術(shù)能較好的實現(xiàn)這種思想。因此，我們看到的多數(shù)符合標(biāo)準(zhǔn)的頁面都是采用DIV+CSS制作。
(二).關(guān)于布局
1.web標(biāo)準(zhǔn)就不能用表格了嗎？
首先要澄清一個概念：web標(biāo)準(zhǔn)并不是不允許用TABLE標(biāo)簽，TABLE也是XHTML1.0中的標(biāo)準(zhǔn)標(biāo)簽。我們只是提倡用DIV+CSS布局來替代傳統(tǒng)的table布局。原因是：原來的TABLE布局將表現(xiàn)和內(nèi)容混雜在一起，結(jié)構(gòu)不清晰、內(nèi)容不完整，不利于內(nèi)容的重用。而且從語義上講，W3C制定TABLE標(biāo)簽時候只是用它來做表格結(jié)構(gòu)定義的，文檔中如果有表格，那么就應(yīng)該用TABLE。而排版、定位這些表現(xiàn)的東西應(yīng)該由CSS來控制。
2
.我用table布局改版也很方便，你用CSS不一定就比我效率高。
個別情況或者個別項目，有可能象你說的，用table布局改版也很快。但這不是長遠之計，我們需要透過現(xiàn)象看本質(zhì)，web標(biāo)準(zhǔn)將內(nèi)容與表現(xiàn)相剝離，所有樣式、風(fēng)格、布局等等表現(xiàn)的東西前幾立出來，由CSS或者XSLT來單前幾控制，這樣的剝離后，改版才是真正的方便。而且“改版”并不**是瀏覽器上的改版，同樣的頁面如果我需要發(fā)布到手機上，符合web標(biāo)準(zhǔn)的頁面就只需要修改樣式文件，而table布局的則需要完全重做，未來如果還需要再發(fā)布到網(wǎng)絡(luò)電視上或者其它新設(shè)備上呢？CSS的效率一定比table高。
3.用web標(biāo)準(zhǔn)能制作出漂亮的頁面嗎？
由于一開始研究和推廣web標(biāo)準(zhǔn)的人士做得頁面都比較“樸素”，因此引起大家的誤解，以為web標(biāo)準(zhǔn)的頁面就是簡潔、輕圖形、輕視覺效果的。實際上，用TABLE布局能夠?qū)崿F(xiàn)的頁面效果，用CSS也基本上能實現(xiàn)。這個問題不需要多解釋，看看國內(nèi)外新建立的web標(biāo)準(zhǔn)站點就清楚了。例如：
(三).關(guān)于web標(biāo)準(zhǔn)的好處
1.科技在進步，網(wǎng)絡(luò)帶寬越來越大，速度越來也快，節(jié)省那點字節(jié)有意義嗎？
web標(biāo)準(zhǔn)的好處之一是：用web標(biāo)準(zhǔn)制作的頁面代碼量小，可以節(jié)省帶寬。這只是web標(biāo)準(zhǔn)附帶的好處，因為DIV的結(jié)構(gòu)本身就比TABLE簡單，TABLE布局的層層嵌套造成代碼臃腫，文件尺寸膨脹。通常情況下，相同表現(xiàn)的頁面用DIV+CSS比用TABLE布局的節(jié)省2/3的代碼。這是web標(biāo)準(zhǔn)天生的好處。 至于節(jié)省帶寬的意義并不主要針對普通用戶，而主要針對網(wǎng)站經(jīng)營者，特別是中大型網(wǎng)站，類似新浪、網(wǎng)易這樣的站點。一個新聞首頁從500K縮小到170k，假設(shè)一天的pageview是3000萬(保守數(shù)字)，那么節(jié)省的服務(wù)器流量就是330k*30000000=9440G，這個成本的節(jié)約是可觀的。
2.我需要考慮殘障人士（盲人和弱視）嗎？
為殘障人士提供網(wǎng)絡(luò)瀏覽方便是美國及歐洲一些國家的法律規(guī)定，由于web標(biāo)準(zhǔn)頁面的清晰結(jié)構(gòu)、語義完整，一些相關(guān)設(shè)備能很容易的正確提取信息給殘障人士。因此，方便盲人閱讀信息也成為web標(biāo)準(zhǔn)的天生好處之一。至于有人說中國目前還有很多人為解決溫飽發(fā)愁，哪有時間考慮殘障人士。這是社會文明和社會道德問題，不在本書討論范疇。但如果你頁面按web標(biāo)準(zhǔn)制作了，就能達到這個效果，何樂而不為呢？
(四).關(guān)于瀏覽器兼容
1.我不需要關(guān)心web標(biāo)準(zhǔn)，IE占有99%的市場，我做的頁面只要IE能看就可以了。
“以用戶為核心”通常都是反對web標(biāo)準(zhǔn)者的檔箭牌，實際上這是虛偽的“以用戶為核心”。你不能保證IE永遠是壟斷瀏覽器市場，你也不能保證IE不做任何改變(事實上，微軟的IE7已經(jīng)開始改善對web標(biāo)準(zhǔn)的支持)。堅持用html+table布局制作的頁面將是“死”的信息，不方便搜索，無法重用與共享，從長鄖凹復(fù)講，這才是對用戶更大的傷害。
2.為什么web標(biāo)準(zhǔn)的頁面兼容性并不好？
我們說web標(biāo)準(zhǔn)的優(yōu)勢是兼容性好，這個兼容是指向后兼容，向新瀏覽器、新設(shè)備兼容。對已有的瀏覽器來說，因為它們對web標(biāo)準(zhǔn)的支持程度不一樣，因此會出現(xiàn)不同瀏覽器下頁面變形的情況。我們必須采用一些"hack"技巧來實現(xiàn)不同瀏覽器的兼容。這是無奈、也是不可避免的，是web技術(shù)發(fā)展必然要經(jīng)歷的一個過程，是我們向XML過渡必須克服的一個困難。
(五).其它
1.沒有好用的開發(fā)工具，難道要我手寫代碼？
是的。我們建議你手寫代碼，可以促進你更加深刻理解web標(biāo)準(zhǔn)。事實上，很多開發(fā)軟件已經(jīng)開始支持web標(biāo)準(zhǔn)。你可以看看更新版的Dreamweaver 8，還有Adobe的Golive，微軟的Visual Studio.NET 2005，這些工具都已經(jīng)很好的支持web標(biāo)準(zhǔn)頁面的開發(fā)。當(dāng)新技術(shù)出現(xiàn)時，我們的態(tài)度應(yīng)該是去了解、實踐和評估，而不是盲目反對或者坐等其成，那樣你永遠都是落后者。
2.老板不懂，客戶也沒有要求，我為什么要用web標(biāo)準(zhǔn)？
在自己或者開發(fā)團隊都不熟悉web標(biāo)準(zhǔn)技術(shù)的情況下，新項目采用web標(biāo)準(zhǔn)的確有風(fēng)險(技術(shù)和成本風(fēng)險)，可以評估后再決定是否采用web標(biāo)準(zhǔn)。但是如果有能力采用標(biāo)準(zhǔn)依然蒙混老板和客戶，這就屬于職業(yè)道德和敬業(yè)精神的問題。
三：未來與方向
我想你和我一樣，都關(guān)心WEB的未來會是怎么樣的，下一輪的新技術(shù)熱點在什么方向。其實，要回答這個問題，沒有誰比W3C更有**了。只要看看W3C在做什么，正在研究什么規(guī)范就知道WEB的走向和趨勢了。
蒂姆.貝納斯-李（Tim Berners-Lee） ，W3C**，萬維網(wǎng)之父，說到：XML提供了信息交換的手段，但這**只是開始。我們的目標(biāo)是web的語義化，即：使得web上的信息內(nèi)容更加容易理解、更便于交換和共享，RDF和OWL語言將在這方面提供更強大的支持。
W3C明確地告訴我們：XML是未來的趨勢毋庸置疑，開放和共享是互聯(lián)網(wǎng)的精神和根本動力。
web技術(shù)即將迎接新一輪的變革和發(fā)展，如果你還在猶豫是不是需要學(xué)習(xí)web標(biāo)準(zhǔn)，那么你將失去很多發(fā)展的機會。
網(wǎng)頁設(shè)計之web標(biāo)準(zhǔn)入門講解，希望對您有參考價值。
