譯者序:這個(gè)系列原文一共8篇文章，從普及 web standards 入手，講述如何用 dreamweaver 8 來(lái)構(gòu)建符合標(biāo)準(zhǔn)的 web ，由于原作者的此篇文章是對(duì)《build your own standards compliant website using dreamweaver 8 》(這篇文章是收費(fèi)的)的摘錄，所以我對(duì)內(nèi)容進(jìn)行了適當(dāng)?shù)膭h改，順序與原文是一致的，但篇幅會(huì)有調(diào)整，特此告知。翻譯水平有限，敬請(qǐng)諒解。

假如您正在讀這篇文章，您很可能是已經(jīng)對(duì) web 標(biāo)準(zhǔn)有了一定的愛(ài)好，并且對(duì)用 dw ( dreamweaver 的簡(jiǎn)稱(chēng))來(lái)構(gòu)建的站點(diǎn)中標(biāo)準(zhǔn)的應(yīng)用非常好奇。

或許您已經(jīng)對(duì) ws (web standards的簡(jiǎn)稱(chēng))有了一定的了解，但是您并不知道如何用 dw 來(lái)編寫(xiě)可兼容的代碼。或者您是一個(gè) dw 用戶(hù)，您很想遵從 ws ，更廣泛的使用 css ，并且可以制作出更有親和力的文檔。無(wú)論您是哪一種類(lèi)型，這篇文章都會(huì)給您想要的答案:告訴您如何用 dw 來(lái)搞定 ws。

web 標(biāo)準(zhǔn)的定義

就我們?cè)谡恼滤P(guān)心的 ws 來(lái)說(shuō)，讓我們首先花一點(diǎn)時(shí)間來(lái)明確一下我們究竟在談?wù)撔┦裁?

ws 是一些指導(dǎo) web 開(kāi)發(fā)語(yǔ)言的規(guī)范，是由 w3c 所制定的。這些規(guī)范包含了多種語(yǔ)言，例如，html、xhtml 和 css 還有一些其他的相關(guān)語(yǔ)言，例如 mathml，用來(lái)表示數(shù)學(xué)中的方程，當(dāng)你有這種非凡的需要的時(shí)候，或許會(huì)用得上。w3c 也頒布了“web 內(nèi)容親和力指南”(web content accessibility guidelines —— wcag)——推廣網(wǎng)頁(yè)的可訪(fǎng)問(wèn)性(通過(guò) wai )

提示:直接獲取這些規(guī)范

你可以在 w3c 的網(wǎng)站上閱讀這些規(guī)范，盡管他們有時(shí)讀起來(lái)還是有些困難的:

html 4.01

xhtml 1.0

css 1

css 2.1

wcag 1.0

在本文中，我們將會(huì)用到 xhtml1.0、css1 和 2.1、wcag 1.0 等規(guī)范和建議，但是你一定很興奮知道我們其實(shí)不必過(guò)多的閱讀 w3c 文檔。

誰(shuí)需要 ws ?

您可能只有一個(gè)含糊的概念:ws 是個(gè)好東西，但是許多網(wǎng)站——包括許多知名的站點(diǎn)——并不遵從 ws ，并且他們看起來(lái)的確治理得很好。所以，為什么我們要盡力去遵從 ws 呢?這么做會(huì)有什么真正的收益嗎?誰(shuí)需要 ws ?誰(shuí)需要去關(guān)注 w3c 的規(guī)范與建議?

web 開(kāi)發(fā)者與設(shè)計(jì)者

需要關(guān)注 ws 的首類(lèi)人群就是我們:網(wǎng)站建設(shè)的開(kāi)發(fā)者與設(shè)計(jì)者。花費(fèi)時(shí)間去學(xué)習(xí)如何用 ws 開(kāi)發(fā)對(duì)于我們來(lái)說(shuō)值得嗎?

整潔的標(biāo)記使 bug 的修復(fù)速度加快。

假如您通過(guò) w3c 校驗(yàn)?zāi)捻?yè)面，至少您會(huì)了解到不規(guī)范的標(biāo)記并不是引起您曾經(jīng)碰到過(guò)的錯(cuò)誤的原因。有時(shí)，校驗(yàn)一個(gè)頁(yè)面和修復(fù)已發(fā)現(xiàn)錯(cuò)誤的過(guò)程，可以清除顯示中碰到一些問(wèn)題，這些問(wèn)題是由標(biāo)記(element)沒(méi)有結(jié)束或標(biāo)簽(tag)拼寫(xiě)錯(cuò)誤引起的。

即使校驗(yàn)?zāi)奈臋n并沒(méi)有修正這些問(wèn)題，至少你會(huì)知道這些問(wèn)題存在于規(guī)范的文檔中。既然你已經(jīng)知道這個(gè)問(wèn)題不是一個(gè)錯(cuò)誤，那么你可以開(kāi)始關(guān)注其他的問(wèn)題了，例如在不同的瀏覽器中 css 處理差異問(wèn)題。

遵從可訪(fǎng)問(wèn)性的需求很輕易

假如你編寫(xiě)一個(gè)規(guī)范的 xhtml 標(biāo)記，那么你就可以保證文檔在語(yǔ)義上是無(wú)誤的，并且您可以把文檔中的內(nèi)容與表現(xiàn)相分離，您將可以把大量的工作放在許多 wcag1.0 中所列的可訪(fǎng)問(wèn)性的問(wèn)題上。熟悉到可訪(fǎng)問(wèn)性并不是僅僅為殘疾人設(shè)計(jì)的這一點(diǎn)也很重要。一個(gè)親和力好的站點(diǎn)是可以被許多不同的設(shè)備訪(fǎng)問(wèn)的，例如移動(dòng)電話(huà)和 pda ，他們是不具備強(qiáng)大的處理能力去對(duì)付那些散亂而非標(biāo)準(zhǔn)的標(biāo)記的。|||

向前兼容

假如您僅僅考慮到自己新開(kāi)發(fā)的頁(yè)面在當(dāng)前的幾個(gè)瀏覽器中的表現(xiàn)，那么你怎么才能保證它在未來(lái)的新瀏覽器中的表現(xiàn)呢?新瀏覽器或許會(huì)把您的頁(yè)面顯示的很糟糕，此時(shí)你只能去費(fèi)力的尋找和修正那些惱人的問(wèn)題。

遵從 ws 并不會(huì)完全根除這個(gè)問(wèn)題;然而，標(biāo)準(zhǔn)的兼容使你的設(shè)計(jì)失敗的風(fēng)險(xiǎn)大大減少，同樣，如今的瀏覽器軟件公司也開(kāi)始支持標(biāo)準(zhǔn)。他們也許會(huì)偶然的錯(cuò)誤解釋了某部分規(guī)范，他們不可能完全不支持它。假如最壞的事情發(fā)生了，并且一個(gè)新的瀏覽器在你的標(biāo)準(zhǔn)化網(wǎng)站上產(chǎn)生了希奇的效果，那么修復(fù)它要比修復(fù)一個(gè)不兼容的站點(diǎn)輕易的多。假如你碰到一個(gè)問(wèn)題，它同樣會(huì)影響其他的標(biāo)準(zhǔn)可兼容網(wǎng)站。web 社區(qū)的群體聰明會(huì)指出這個(gè)問(wèn)題，并會(huì)寫(xiě)文章來(lái)解決這個(gè)問(wèn)題。所以，大家集體討論，在可兼容的文檔里修正這個(gè) bug 也比在不兼容的文檔里修正更加的輕易。

更方便的重構(gòu)

你曾經(jīng)不得不從一個(gè)站點(diǎn)中剝離文字而對(duì)他進(jìn)行重構(gòu)過(guò)嗎?而且一切都得從頭開(kāi)始。你曾經(jīng)見(jiàn)過(guò)那些被字體標(biāo)簽和微小的表格單元(它使我們只能從頭開(kāi)始)弄得混亂不堪的標(biāo)簽嗎?我只知道我曾經(jīng)看過(guò)，這是一個(gè)漫長(zhǎng)的過(guò)程，大量的時(shí)間和金錢(qián)都被這個(gè)站點(diǎn)的重構(gòu)燒掉了。

分離文檔的內(nèi)容與表現(xiàn)將會(huì)使你體會(huì)到標(biāo)準(zhǔn)化兼容帶來(lái)美妙:這意味著下次某個(gè)人想重構(gòu)這個(gè)站點(diǎn)的時(shí)候，他們不必把 web 文檔中的拷貝出去。所有站點(diǎn)中的文本都將會(huì)被具有語(yǔ)義的 (x)html 所標(biāo)記，所有的表現(xiàn)信息——這部分才是站長(zhǎng)想更改的——都將被儲(chǔ)存在一個(gè)可輕易替換的 css 文件中。

一些客戶(hù)在開(kāi)始要求你做一些改變之前是不會(huì)等待它去重構(gòu)的，他們只會(huì)等到游覽完猛犸象化石坑，然后就要求你說(shuō)“把左邊欄挪到右邊就可以了。”對(duì)于一個(gè)標(biāo)準(zhǔn)化可兼容站點(diǎn)來(lái)說(shuō)，全部頁(yè)面都是由 css 控制的，你可以很方便移動(dòng)頁(yè)面中的標(biāo)記，而不用在許多以復(fù)雜表格為結(jié)構(gòu)的頁(yè)面中想歪招了。這使得改變頁(yè)面布局更加簡(jiǎn)單。

結(jié)構(gòu)從表現(xiàn)中分離同樣可以使增加新的元素變得更加輕易，就像一個(gè)高對(duì)比度、小圖片版本的站點(diǎn)或許對(duì)于某些瀏覽者更有吸引力。當(dāng)您可以輕松的更換樣式表時(shí)，為什么建立單獨(dú)的純文本版的頁(yè)面呢?

瀏覽器軟件公司

瀏覽器的軟件公司開(kāi)始對(duì) ws 關(guān)注了。過(guò)去，瀏覽器軟件公司添加他們私有的專(zhuān)屬標(biāo)簽和屬性到基本的語(yǔ)言中。但是現(xiàn)在，前所未有的，他們都開(kāi)始遵從標(biāo)準(zhǔn)了，并且一些最新的瀏覽器已經(jīng)可以確定，正在努力按照規(guī)范中所定義的(x)html 和 css 來(lái)顯示它們。

在可遇見(jiàn)的未來(lái)中，瀏覽器都將能夠顯示大多數(shù)的不規(guī)范標(biāo)記、代碼，因?yàn)榧偃缢鼈儾贿@么做，成千上萬(wàn)的不規(guī)范站點(diǎn)都將無(wú)法正常顯示——那么大眾就很可能開(kāi)始責(zé)備瀏覽器了，而不是責(zé)備 web 設(shè)計(jì)者。然而，其他的設(shè)備(那些沒(méi)有臺(tái)式機(jī)強(qiáng)大處理功能的設(shè)備)將會(huì)更加依靠那些他們所碰到代碼的標(biāo)準(zhǔn)化兼容性了。

創(chuàng)作工具軟件廠商

創(chuàng)作工具軟件廠商——例如 macromedia , 它制作了 dreamweaver ——也像web設(shè)計(jì)者一樣，開(kāi)始遵從 ws 了，比如，它們?cè)絹?lái)越多的客戶(hù)要求這些創(chuàng)作工具可以輸出規(guī)范的標(biāo)記。原本這些可視化的開(kāi)發(fā)環(huán)境都沒(méi)有太好的口碑，因?yàn)樗鼈儠?huì)生成混亂、不規(guī)范的標(biāo)記;然而，最新的主要可視化開(kāi)發(fā)環(huán)境都援引了標(biāo)準(zhǔn)化的兼容性和可訪(fǎng)問(wèn)性的元素，這也成為了主要的賣(mài)點(diǎn)。軟件廠商一定要聆聽(tīng)，并回應(yīng)市場(chǎng)的需求。|||

web 用戶(hù)

我們?cè)O(shè)計(jì)的網(wǎng)站的用戶(hù)也從我們采用 ws 中獲益，即使他們并沒(méi)有熟悉到這一點(diǎn)!或許他們正無(wú)意識(shí)的使用那些專(zhuān)門(mén)針對(duì)當(dāng)今流行瀏覽器而開(kāi)發(fā)的站點(diǎn)。假如這些用戶(hù)轉(zhuǎn)用其他的瀏覽器，他們或許就會(huì)發(fā)現(xiàn)這個(gè)在線(xiàn)的體驗(yàn)就不再令人享受了，因?yàn)槟切?zhuān)屬的標(biāo)記是不會(huì)被新瀏覽器所接受的。一個(gè)標(biāo)準(zhǔn)化可兼容的站點(diǎn)在不同的瀏覽器中都有很好的表現(xiàn)，不論是在現(xiàn)有的，還是在未來(lái)的瀏覽器中都同樣優(yōu)秀。

此外，一個(gè)遵照可訪(fǎng)問(wèn)性建議的網(wǎng)站對(duì)那些發(fā)現(xiàn)瀏覽網(wǎng)頁(yè)不如意的用戶(hù)也是很有親和力的。web 應(yīng)該給那些視覺(jué)有缺陷或其他的殘疾人提供更方便的購(gòu)物、閱讀、搜索的條件。不應(yīng)該因?yàn)橛脤?zhuān)屬標(biāo)記或者其他排它(指瀏覽器)技術(shù)的站點(diǎn)，使他們無(wú)法瀏覽。