web標(biāo)準(zhǔn)的發(fā)展與應(yīng)用

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

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

3、的平衡，或者陰陽的和諧。五、借鑒與發(fā)展印尼蠟染吸收了許多中國文化的元素，其蠟染品的當(dāng)?shù)氐氖褂寐省⑵占奥屎驮趪H上的影響則超過了中國本土蠟染。印尼蠟染在保留自己的文化的基礎(chǔ)上廣泛吸收了眾多國家的蠟染文化，形成了獨(dú)具特色的風(fēng)格，是保持著文化生命力的主要原因。并且在積極保護(hù)傳統(tǒng)手工藝的基礎(chǔ)上，印尼蠟染還使用了銅質(zhì)蠟印版，加速了生產(chǎn)，增強(qiáng)了使用率和普及率。除了以上兩點(diǎn)是中國本土蠟染可以借鑒的之外，還應(yīng)該挖掘中國傳統(tǒng)文化的精髓，適當(dāng)?shù)貙?duì)工具、面料

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

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

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

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

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

9、b標(biāo)準(zhǔn)；網(wǎng)站；W3C；HTML；XHTML；DIV；CSS器需要足夠智能和龐大才能夠正確顯示HTML。我們不可能在手機(jī)、PAD或者信息家電上安裝一個(gè)IE瀏覽器，因?yàn)榭臻g不夠，運(yùn)算也跟不上。（3）數(shù)據(jù)與表現(xiàn)混雜。這樣你的頁面要改變顯示，就必須重新制作HTML。對(duì)不同的網(wǎng)絡(luò)設(shè)備顯示同樣的數(shù)據(jù)都需要制作不同的HTML，極大的增加了網(wǎng)頁設(shè)計(jì)和維護(hù)的難度。正因?yàn)槿绱耍琀TML語言自HTML4.01依賴，不再發(fā)布新版本。W3C組織為人未來的Web標(biāo)

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

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

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

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

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

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

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

17、簡(jiǎn)寫，用來聲明當(dāng)前XHTML或者HTML的版本。瀏覽器根據(jù)你的DOCTYPE定義的DTD（文檔類型定義）來解釋頁面代碼。所以，如果你不注意設(shè)置了錯(cuò)誤的DOCTYPE，瀏覽器會(huì)出現(xiàn)莫名其妙的錯(cuò)誤。XHTML1.0提供了三種DOCTYPE可以選擇：①過渡型（Transitional）②嚴(yán)格型（Strict）③框架型（Frameset）本文建議選用過渡型的聲明，因?yàn)樗嫒軭TML4.0的大部分標(biāo)記和屬性，不至于讓我們覺得變化太大，難以掌握。（

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

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

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

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

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

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