web標準的發(fā)展與應用

1、1802012年第9期NO.9.2012中國東盟博覽CHINAASEANEXPOSTITIONwi)都是直接從中國傳入印度尼西亞。在印度尼西亞的土生華人的寺院和私宅中能看到tokwi布。繡有金線的絲質tokwi是較高社會地位的象征。在印度尼西亞，也有用棉花來制作tokwi的，而在織物上繪制圖案則是采用蠟染工藝。這種類型的tokwi直到19世紀七十年代在公眾中是眾所周知的。著色的變化也表明了一種高度的本土影響，比如靛藍色的使用、bangb

2、iron（一種紅色和藍色的結合）、sogan（褐色）。tokwi臘染印花布在爪洼島北岸的拉森、井里汶、北加浪岸非常普遍。在印度尼西亞，tokwi只在某些場合使用，比如農歷新年、十五夜（爪洼島西部的元宵節(jié)）、衛(wèi)塞節(jié)（一種佛教節(jié)日）。圖八Tokwi布有著非常特殊的造型，由上部和下部構成，而上部和下部的長度的比例是12。上部用神明的肖像和精神世界來象征著上面的世界，下部是用人類生活的描述、植物和動物來象征平凡人的時間。這種造型反映了一種宇宙觀

3、的平衡，或者陰陽的和諧。五、借鑒與發(fā)展印尼蠟染吸收了許多中國文化的元素，其蠟染品的當地的使用率、普及率和在國際上的影響則超過了中國本土蠟染。印尼蠟染在保留自己的文化的基礎上廣泛吸收了眾多國家的蠟染文化，形成了獨具特色的風格，是保持著文化生命力的主要原因。并且在積極保護傳統(tǒng)手工藝的基礎上，印尼蠟染還使用了銅質蠟印版，加速了生產，增強了使用率和普及率。除了以上兩點是中國本土蠟染可以借鑒的之外，還應該挖掘中國傳統(tǒng)文化的精髓，適當地對工具、面料

4、、染料、款式等方面進行創(chuàng)新，才能逐漸摸索出屬于中國蠟染的發(fā)展道路。參考文獻:[1]曹塞娜，中國蠟染演化趨勢與本土活化方式淺探[D]中國美術學院，2008[2]戴茹奕，爪哇北岸的中國式蠟染研究——十九世紀末至二十世紀初北岸蠟染中的中國風格流行始末[D]，中國美術學院，2008[3]李學民、黃昆章，印尼華僑史——古代至1949年，廣州：廣東高等教育出版社，2008.5[4]聶燕，中國西南與東南亞國家蠟染文化比較研究，欽州學院學報，2008.

5、4一、前言廣義的Web標準概念認為Web標準不是某一個標準，而是一系列標準的集合。網頁主要由三部分組成：結構（Structure）、表現（Presentation）和行為（Behavi）。對應的標準也分三方面：結構化標準語言主要包括XHTML和XML，表現標準語言主要包括CSS，行為標準主要包括對象模型（如W3CDOM）、ECMript等。這些標準大部分由W3C起草和發(fā)布的。這個概念比較籠統(tǒng)，本文所指的Web標準是狹義上的Web標準，具

6、體是指以XHTML為語言工具，采用“DIVCSS”架構來設計網站所遵循的標準。二、Web標準的制定機構W3CW3C是英文wldwidewebconstium的縮寫，中文意思是W3C理事會或萬維網聯盟。W3C于1994年10月在麻省理工學院計算機科學實驗室成立。創(chuàng)建者是萬維網的發(fā)明者TimBernersLee。簡言之，W3C就是Web世界標準制定者，像HTML、XHTML、CSS、XML的標準就是由W3C來定制。三、Web標準的產生（一）

7、HTML語言的缺點和XHTML語言的誕生HTML語言自1989年誕生以來，數以萬計的網站依靠HTML語言建立起來，可以說是正是由于HTML語言的使用，才使得網頁技術得到普及，才有我們今天豐富的網絡生活。但是隨著網絡技術的發(fā)展，HTML語言的缺點也不斷暴露出來，主要表現在：（1）HTML結構過于簡單，不能適應現在越來越多的網絡設備和應用的需要。比如當遇到像化學公式、音樂標注或者數學表達式之類的非傳統(tǒng)文檔類型時，HTML顯得無能為力。而且手

8、機、PAD、信息家電都不能直接顯示HTML。因此，隨著Web技術的發(fā)展，HTML終將會被淘汰。（2）HTML太龐大。由于HTML代碼不規(guī)范、臃腫，瀏覽文章編號:16730380(2012)09018002WEB標準的發(fā)展與應用朱峻峰（江蘇銀行上海分行，上海210000）【摘要】WEB標準是未來web技術發(fā)展的方向，本文介紹了web標準的怪年、制定機構，web標準的產生和其有的有事，分析了如何按照web標準來制作我們的網站?！娟P鍵詞】we

9、b標準；網站；W3C；HTML；XHTML；DIV；CSS器需要足夠智能和龐大才能夠正確顯示HTML。我們不可能在手機、PAD或者信息家電上安裝一個IE瀏覽器，因為空間不夠，運算也跟不上。（3）數據與表現混雜。這樣你的頁面要改變顯示，就必須重新制作HTML。對不同的網絡設備顯示同樣的數據都需要制作不同的HTML，極大的增加了網頁設計和維護的難度。正因為如此，HTML語言自HTML4.01依賴，不再發(fā)布新版本。W3C組織為人未來的Web標

10、準是采用XML語言來設計網站。隨后，發(fā)布了XML1.0版本，XML一種比HTML更加嚴格的標記語言，全稱是可擴展標記語言（ExtensibleMarkupLangguage），是未來Web技術的發(fā)展放心。但是不幸的是當前的大部分瀏覽器都不完全支持XML，而且目前大部分網站都是采用HTML技術制作的，并且運行良好，因此拋棄HTML又不能操之過急。于是W3C用XML重寫了HTML，并命名這種語言是XHTML，XHTML語言具有HTML的所有

11、特性，因此所有瀏覽器都能理解它。同時，因為XHTML采用XML的語法，所以它能夠獲得XML的所有好處和靈活性，并且為應用CSS提供了完美的基礎。（二）DIVCSS結構的產生和應用傳統(tǒng)的HTML語言使用TABLE、TD的結構制作網頁。這種結構將網頁的內容和樣式是混在一起的，這就造成了HTML代碼的混亂和不規(guī)范，兵器而運行效率低下。為了克服這種缺點，W3C提出了新的網頁結構標準，就是DIVCSS結構。使用DIV代替TABLE、使用LI代替T

12、D來存放信息，并使用CCS控制網頁樣式，這樣就實現了網頁內容和樣式的分離。下面簡單介紹一下DIV和CSS。DIV全名是DIVISION，中文名臣是“區(qū)隔標記”。DIV標簽和其他HTML標簽沒有什么區(qū)別，其作用類似于TABLE，用來存放數據。CSS全名是CasscadingStyleSheets，中文名稱是“層疊樣式1812012年第9期NO.9.2012百家講壇CHINAASEANEXPOSTITION表”。其作用是用來控制Web文檔的

13、樣式。W3C于1996年通過并公布了CSS1推薦標準，后又于1998年公布了CSS2推薦標準。作為專門控制Web文檔樣式而開發(fā)的技術，CSS具有靈活而且強大的表現控制能力，并且非常適合于Web方式使用。這樣，以XHTML語言為工具，采用DIVCSS結構的Web標準就誕生了。四、Web標準建站的優(yōu)點（一）節(jié)約帶寬成本，容易被搜索引擎搜索到。Web標準的極大優(yōu)勢表現在簡潔的代碼，對于一個大型網站來說，簡潔的代碼可以節(jié)約大量帶寬，縮減帶寬成本

14、，提高頁面瀏覽速度。而且眾所周知，搜索引擎喜歡清潔的代碼，因此使用Web標準制作的網站具有容易被搜索引擎搜索到的明顯優(yōu)勢。（二）網站改版變得更加簡單。使用Web標準制作的玩站是的網站改版相對簡單，很多時候只需要簡單的修改幾個CSS文件就可以重新設計一個成百上千頁面的站點，從而降低了網站改版的成本，縮短了網站改版時間。（三）頁面易于維護。大部門的XHML頁面只有一些語義明確的標簽，以及一個指向CSS文件的鏈接。這種內容和樣式完全分離的結構

15、使得你的頁面開發(fā)和維護變得簡單。（四）瀏覽器兼容性好。瑞然HTML頁面的簡單大大存進了Web發(fā)展，但是它也成為一種禍根。因為它們對代碼格式如此的“寬容”，助長了一些瀏覽器私有代碼的發(fā)展，這些私有代碼造成使用不同瀏覽器的用戶看到不同的頁面效果。而使用Web標準制作的網站幾乎能夠被所有瀏覽器正確解析，從而使得使用不同瀏覽器的用戶得到相同的頁面效果。（五）拓展訪問渠道。干凈的代碼帶來更多的利益。不支持CSS的瀏覽器現在可以簡單的忽略樣式表，換

16、句話說，有語義的XHTML表示可以被任何瀏覽器呈現，包括非傳統(tǒng)的客戶端，例如手機、PAD、語音閱讀器和屏幕閱讀器等等，任何支持這些簡單標簽的設備都可以。（六）提高用戶體驗。采用干凈、標準化的代碼可以幫助你的用戶快捷方便地在網站上完成他們的目的。五、如何實現Web標準既然使用Web標準建站有那么多的好處，那么下面本文就講述一下我們如何建立符合Web標準的網站。（一）為頁面添加正確的DOCTYPE。DOCTYPE是documenttype的

17、簡寫，用來聲明當前XHTML或者HTML的版本。瀏覽器根據你的DOCTYPE定義的DTD（文檔類型定義）來解釋頁面代碼。所以，如果你不注意設置了錯誤的DOCTYPE，瀏覽器會出現莫名其妙的錯誤。XHTML1.0提供了三種DOCTYPE可以選擇：①過渡型（Transitional）②嚴格型（Strict）③框架型（Frameset）本文建議選用過渡型的聲明，因為它兼容HTML4.0的大部分標記和屬性，不至于讓我們覺得變化太大，難以掌握。（

18、二）設定一個名字空間（Namespace）直接在DOCTYPE聲明后添加如下代碼：namespace是收集元素類型和屬性名字的一個詳細的DTD，namespace聲明允許你通過一個在線地址指向來識別你的namespace。只要照樣輸入代碼就可以。（三）聲明你的編碼語言為了被瀏覽器正確解釋和通過標識校驗，所有的XHTML文檔都必須聲明它們所使用的編碼語言。代碼如下：這里聲明的編碼語言是簡體中文GB2312，你如果需要制作繁體內容，可以定義

19、為BIG5。（四）用小寫字母書寫所有的標簽我們都知道HTML是不區(qū)分大小寫的，但是XHTML是區(qū)別大小寫的，所有的XHTML元素和屬性的名字都必須使用小寫。否則你的文檔江北W3C校驗認為是無效的。例如下面的代碼在HTML中是正確的，但是在XHTML中是不正確的：公司簡介正確的寫法是：公司簡介同樣的，改成改成等等。（五）為圖片添加alt屬性Alt屬性指定了當圖片不能顯示的時候所顯示的替換文本，這樣做對正常用戶可有可無，但對純文本瀏覽器和使

20、用屏幕閱讀機的用戶來說是至關重要的。只有添加了alt屬性，代碼才會被W3C正確性校驗通過。注意的是我們要添加有意義的alt屬性，象下面這樣的寫法毫無意義：正確的寫法：（六）給所有屬性值加引號在HTML中，你可以不需要給屬性值加引號，但是在XHTML中，它們必須被加引號。例如在HTML中，height=”100”和height=100效果是一樣的，都是正確的。但是在XHTML中，height=100這種寫法是錯誤的，必須寫成height=

21、”100”。（七）關閉所有的標簽在HTML中，有些標簽可以不用關閉，但是在XHTML中，每一個打開的標簽都必須關閉。例如在HTML中我們可以這樣寫：Web標準化是Web發(fā)展的必由之路網頁設計者都應該遵循Web標準但是在HTML中，我們必須這樣寫：Web標準化是Web發(fā)展的必由之路網頁設計者都應該遵循Web標準需要說明的是，在XHTML中，空標簽也要關閉，在標簽未卜使用給一個正斜杠””來關閉它們自己。例如：在HTML中可以這樣寫，但是在X

22、HTML中，必須改成（八）采用DIVCSS架構來建立網站，實現網頁內容和形式的分離。傳統(tǒng)的網站使用了TABLE、TD的架構來建立網站，這種方式容易上手，但是也帶來很嚴重的問題，就是HTML代碼中混雜著布局、樣式、內容，使得網站結構混亂，瀏覽器解析效率低下。現在我們采用DIVCSS布局，將文本的樣式存放在外部樣式表里，使用link標簽來實現網頁內容與外部樣式表的連接。Link的使用方法如下：然后使用DIV代替TABLE進行標準化布局，用L

23、I帶代替TD呈現網頁數據。這樣我們就實現了網頁內容與樣式的徹底分離。（九）校驗自己的網站是否符合標準，根據提示修改錯誤。我們可以利用W3C提供的免費校驗服務來檢查我們的玩站是否縫合Web標準。當我們的網站被校驗后該網站會提示出我們的網站有多少項不符合Web標準，并附有每一項錯誤的具體位置及參考解決辦法。我們只需要發(fā)現錯誤后逐一修改就可以了。當最后通過了W3C驗證，那么恭喜你，你已經建立了符合Web標準的網站了。六、結束語俗話說無規(guī)矩不成