網(wǎng)站建設(shè)中XHTML、DOCTYPE和Web標(biāo)準(zhǔn)的基礎(chǔ)知識

Web 標(biāo)準(zhǔn)使您能通過最少的工作,生成可被最廣大受眾訪問的 Web 站點(diǎn)。Web 標(biāo)準(zhǔn)的承諾是:只需設(shè)計(jì)頁面一次,即可讓該頁以完全相同的方式在任何現(xiàn)代的瀏覽器中顯示和工作。例如,在按照標(biāo)準(zhǔn)生成以后,旨在在 Microsoft Internet Explorer 中以某種方式顯示的頁可在其他瀏覽器(如,Mozilla Firefox、Netscape Navigator、Opera、Camino 和 Safari)中以相同的方式顯示,而無需完成任何額外的工作。

Web 標(biāo)準(zhǔn)的一個(gè)額外好處是 ― 使 Web 站點(diǎn)更易于為殘疾人士訪問。這是一個(gè)范圍廣泛的受眾群體,包括視力衰退的中年人士,剛剛在滑雪時(shí)跌斷胳膊的人士,以及完全失明的人士等。使用標(biāo)準(zhǔn)可避免無意中阻止那些具有暫時(shí)性或永久性身體殘疾的人士訪問 Web 頁。

HTML 在正式的場合已經(jīng)過時(shí)了。World Wide Web Consortium (W3C) 于 2000 年 6 月 26 日發(fā)布了 XHTML 的第一個(gè)版本作為推薦標(biāo)準(zhǔn)。XHTML 標(biāo)準(zhǔn)的目標(biāo)是取代 HTML。按照 W3C 的說法,“XHTML 是 HTML 的繼承者”(http://www.w3.org/MarkUp/)。

XHTML 標(biāo)準(zhǔn)的制定者具有兩大目標(biāo):

在文檔結(jié)構(gòu)和表示形式之間創(chuàng)建更明顯的分離。
將 HTML 重新表示為 XML 的應(yīng)用程序。
為了實(shí)現(xiàn)第一個(gè)目標(biāo),W3C 一直在堅(jiān)定地從 HTML 中刪除純粹描述性的元素和屬性(他們是從 HTML 4.0 開始這一過程的)。例如,XHTML 1.0 Strict 不包含諸如 標(biāo)記之類的元素或諸如 bgcolor 屬性之類的屬性,因?yàn)檫@些元素和屬性完全用于描述文檔的外觀,它們與文檔的結(jié)構(gòu)沒有任何關(guān)系。

W3C 一直在努力使 Web 站點(diǎn)設(shè)計(jì)人員和開發(fā)人員摒棄特定標(biāo)記應(yīng)當(dāng)具有特定外觀這一觀念。例如,您可能會認(rèn)為

為企業(yè)提供成都做網(wǎng)站、網(wǎng)站建設(shè)、網(wǎng)站優(yōu)化、成都營銷網(wǎng)站建設(shè)、競價(jià)托管、品牌運(yùn)營等營銷獲客服務(wù)。創(chuàng)新互聯(lián)公司擁有網(wǎng)絡(luò)營銷運(yùn)營團(tuán)隊(duì),以豐富的互聯(lián)網(wǎng)營銷經(jīng)驗(yàn)助力企業(yè)精準(zhǔn)獲客,真正落地解決中小企業(yè)營銷獲客難題,做到“讓獲客更簡單”。自創(chuàng)立至今,成功用技術(shù)實(shí)力解決了企業(yè)“網(wǎng)站建設(shè)、網(wǎng)絡(luò)品牌塑造、網(wǎng)絡(luò)營銷”三大難題,同時(shí)降低了營銷成本,提高了有效客戶轉(zhuǎn)化率,獲得了眾多企業(yè)客戶的高度認(rèn)可!

標(biāo)記(標(biāo)題標(biāo)記)的用途是在頁中呈現(xiàn)大的加粗文本。這實(shí)際上是錯(cuò)的。

標(biāo)記用來在文檔中標(biāo)記標(biāo)題而不是其他任何東西。如何呈現(xiàn)標(biāo)題標(biāo)記由瀏覽器確定。視力衰退的人士使用的屏幕閱讀器可能利用抑揚(yáng)頓挫的聲音來大聲朗讀標(biāo)題標(biāo)記的內(nèi)容。不支持多個(gè)字體大小的 PDA 可能用閃爍文本呈現(xiàn)標(biāo)題標(biāo)記的內(nèi)容。

您不應(yīng)當(dāng)試圖使用諸如

標(biāo)記之類的頁元素來控制 Web 頁的外觀。相反,您應(yīng)當(dāng)通過使用層疊樣式表來指示 Web 頁的外觀。而且,您所使用的層疊樣式表應(yīng)當(dāng)是外部 層疊樣式表。請使用標(biāo)記和屬性來標(biāo)記文檔的結(jié)構(gòu),而使用樣式表來控制文檔的表示形式。

XHTML 的第二個(gè)目標(biāo)是迫使 HTML 開發(fā)人員遵守更為嚴(yán)格的 XML 規(guī)則。按照 W3C 的說法,“XHTML 1.0 是 HTML 4.01 的作為 XML 1.0 應(yīng)用程序的修訂”(http://www.w3.org/MarkUp/)。換句話說,使用 XHTML 生成 Web 頁時(shí),實(shí)際上是在創(chuàng)建 XML 文檔。

XML 文檔具有比 HTML 文檔更嚴(yán)格的語法。例如,XML 區(qū)分大小寫,所有 XML 屬性都必須放在引號內(nèi),而且 XML 標(biāo)記不能重疊。強(qiáng)迫 Web 站點(diǎn)開發(fā)人員和設(shè)計(jì)人員遵守有更高要求的語言規(guī)則有很多好處。

好處之一,用 XHTML 標(biāo)記編寫的頁具有更高的跨瀏覽器、跨設(shè)備和跨操作系統(tǒng)兼容性。如果在瀏覽器中打開傳統(tǒng)的 HTML 頁,瀏覽器將千方百計(jì)地呈現(xiàn)該頁。瀏覽器將試圖呈現(xiàn)該頁,即使您的 HTML 一團(tuán)糟。例如,Internet Explorer(以及 Firefox 和 Opera)能夠很好地顯示下面的 HTML 頁。

this is bold and italic and this is boldInternet Explorer 會恰當(dāng)?shù)仫@示該頁 ― 即使該頁缺少和開始標(biāo)記, 標(biāo)記不具有匹配的結(jié)束標(biāo)記,并且開始和結(jié)束 標(biāo)記的大小寫不一致。所有主要的瀏覽器都能適應(yīng)幾乎任何 HTML 標(biāo)記“混合物”,并且不顧一切地呈現(xiàn)一些內(nèi)容。

瀏覽器的這種適應(yīng)行為是危險(xiǎn)的,因?yàn)椴煌臑g覽器(或相同瀏覽器的將來版本,或在不同操作系統(tǒng)上運(yùn)行的相同瀏覽器)可能以不同方式呈現(xiàn)錯(cuò)亂的 HTML。實(shí)際上,對于最新版本的 Internet Explorer、Mozilla Firefox 和 Opera 而言,它們呈現(xiàn)無效 HTML 的方式驚人地一致。但是,一旦開始違反游戲規(guī)則,就不會得到任何保證。

然而,如果用 XHTML 的更嚴(yán)格的規(guī)則編寫 Web 頁,那么 Web 頁就更有可能以一致的方式與當(dāng)前瀏覽器協(xié)作,并且它們將繼續(xù)與當(dāng)前瀏覽器的未來新版本協(xié)作。對于任何公司而言,幾乎都不具備針對每個(gè)瀏覽器、在每個(gè)操作系統(tǒng)和每個(gè)設(shè)備上測試其 Web 站點(diǎn)的資源。如果按照 Web 標(biāo)準(zhǔn)編寫頁面,那么就不必具有這樣的資源。

XHTML 標(biāo)準(zhǔn)的版本

有三個(gè)版本的 XHTML 1.0,它們分別對應(yīng)三個(gè)版本的 HTML 4.01:

XHTML 1.0 Transitional
XHTML 1.0 Strict
XHTML 1.0 Frameset
XHTML 1.0 Transitional 包含 HTML 4.01 Transitional 中的全部標(biāo)記和屬性。引入 XHTML 1.0 Transitional 標(biāo)準(zhǔn)的目的是,使現(xiàn)有 HTML 設(shè)計(jì)人員和開發(fā)人員無需經(jīng)歷太多的痛苦就能遷移到 XHTML。

XHTML 1.0 Strict 與 XHTML 1.0 Transitional 的不同之處在于,它在文檔結(jié)構(gòu)和表示形式之間實(shí)施了一種更為明顯的分離。與 XHTML 1.0 Transitional 不同,XHTML 1.0 Strict 強(qiáng)迫您使用層疊樣式表來控制頁的外觀。

XHTML 1.0 Frameset 文檔意在成為使用標(biāo)記將瀏覽器劃分為多個(gè)框架的文檔(XHTML 1.0 Transitional 和 Strict 頁不能包含標(biāo)記)。

W3C 還發(fā)布了 XHTML 1.1 以作為推薦標(biāo)準(zhǔn)(2001 年 5 月 31 日)。XHTML 1.1 非常類似于 XHTML 1.0 Strict。二者的主要區(qū)別在于,可以用附加模塊擴(kuò)展 XHTML 1.1 以便支持新元素。例如,可以生成特定的 XHTML 1.1 頁,該頁還包含 MathML(數(shù)學(xué)標(biāo)記語言)、SVG(可伸縮向量語言)或創(chuàng)建的自定義模塊中的元素。

最后,W3C 正在制訂 XHTML 2.0 推薦標(biāo)準(zhǔn)。因?yàn)?XHTML 2.0 仍然處于起草階段,并且當(dāng)前沒有 Web 瀏覽器支持該標(biāo)準(zhǔn),所以我們不在本文討論它。

創(chuàng)建 XHTML 頁

與 HTML 頁不同,XHTML 頁必須是標(biāo)準(zhǔn)格式且有效的 XML 文檔。XHTML 1.0 推薦標(biāo)準(zhǔn)的第 4 部分對 HTML 和 XHTML 之間的區(qū)別進(jìn)行了總結(jié)。這里給出生成有效 XHTML 頁的最重要需求的列表:

頁必須包含有效的 XHTML DOCTYPE。
有效的 XHTML 頁必須在其任何內(nèi)容之前包含一個(gè) XHTML DOCTYPE。當(dāng)在 Visual Studio .NET 2005 或 Microsoft Visual Web Developer 中創(chuàng)建新的 ASP.NET 頁時(shí),該頁中將自動包含 XHTML 1.0 Transitional 的正確的 DOCTYPE。下面列出四個(gè)標(biāo)準(zhǔn)的 XHTML DOCTYPE:

XHTML 1.0 Transitional

XHTML 1.0 Strict

XHTML 1.0 Frameset

XHTML 1.1

向頁中添加 DOCTYPE 會影響該頁在瀏覽器中的呈現(xiàn)方式。請參閱以下標(biāo)題為“XHTML 和 DOCTYPE 切換”的一節(jié)。

根元素必須引用 XHTML 命名空間。
XHTML 頁的開始標(biāo)記必須指定默認(rèn)命名空間 http://www.w3.org/1999/xhtml。以下是 XHTML 1.0 Transitional 頁的有效開始標(biāo)記的示例:

所有元素和屬性名都必須小寫。
XML 區(qū)分大小寫。因此,在

標(biāo)記和

標(biāo)記之間存在差異。只有前者是有效的 XHTML 段落標(biāo)記。

屬性值必須始終放在引號內(nèi)。
確保始終將屬性值放在雙引號或單引號中。例如,以下是無效的 XHTML。

Next在該示例中,href 屬性缺少引號。以下代碼是有效的 XHTML。

Next您可以通過選擇菜單選項(xiàng) Tools、Options、Format,將 Visual Studio .NET 2005 和 Visual Web Developer 配置為自動將屬性值放在引號內(nèi)。

所有具有開始標(biāo)記的非空元素都必須具有匹配的結(jié)束標(biāo)記。
如果具有開始

標(biāo)記,則必須包含結(jié)束

標(biāo)記來標(biāo)記段落的結(jié)束。對于根本不包含任何內(nèi)容的標(biāo)記,例如
標(biāo)記,可同時(shí)提供開始和結(jié)束標(biāo)記

,也可以使用空元素簡寫。

為使 XHTML 頁與現(xiàn)有的 HTML 瀏覽器向后兼容,需要小心處理打開和關(guān)閉標(biāo)記的方式。例如,現(xiàn)有 HTML 瀏覽器傾向于將開始和結(jié)束

標(biāo)記錯(cuò)誤地解釋為兩個(gè)
元素。因此,您應(yīng)當(dāng)使用空元素簡寫


此外,除非您小心地在結(jié)束斜杠之前添加一個(gè)空格,否則現(xiàn)有 HTML 瀏覽器在處理空元素簡寫時(shí)會出現(xiàn)問題。因此,應(yīng)當(dāng)使用 [space] />(而不是)向頁中添加
元素。

不得存在重疊標(biāo)記。
可以使標(biāo)記嵌套,但是不允許使標(biāo)記重疊。例如,以下 XHTML 是有效的。

This is bold and italic但是,以下 XHTML 是無效的。

This is bold and italic不得存在屬性最簡化。
所有屬性都必須具有值,即使該值看起來有一點(diǎn)兒奇怪。例如,標(biāo)記是無效的 XHTML,因?yàn)?checked 屬性不具有值。該標(biāo)記應(yīng)當(dāng)寫成。

必須使用 id 屬性而不是 name 屬性。
在 HTML 中,可以使用 name 屬性來標(biāo)識 、、
、、

當(dāng)前題目:網(wǎng)站建設(shè)中XHTML、DOCTYPE和Web標(biāo)準(zhǔn)的基礎(chǔ)知識
網(wǎng)頁網(wǎng)址:http://www.muchs.cn/article2/esheoc.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)頁設(shè)計(jì)公司、虛擬主機(jī)響應(yīng)式網(wǎng)站、App開發(fā)、軟件開發(fā)、Google

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)

網(wǎng)站托管運(yùn)營