無標題文件

網頁設計第14課:Web標準及驗證

發佈者:SEO香港優化專家 - Web Design

網站設計

在這一課,你將瞭解一些有關HTML的偏理論的知識。

關於HTML,還有什麼要瞭解的?

你可以以多種不同的方式來編寫HTML;同時,瀏覽器也可以以多種不同的方式來理解HTML。你可以認為HTML有很多種方言。這就是為什麼某些網站會在不同的瀏覽器上顯示出不同效果的原因。

為了解決這一問題,HTML發明人Tim Berners-Lee先生創辦了萬維網聯盟(World Wide Web Consortium,W3C)來致力於制訂通用的HTML標準。但這是一條漫長而艱難的路程。

過去,在瀏覽器都要收費的年代裡,Netscape曾是佔據統治地位的瀏覽器。那時的HTML標準是2.0和3.2。但是,作為市場份額達90%以上的Netscape,它不必、同時也沒有太在意通用標準。相反地,Netscape創造了自己特有的元素,這些元素在其它瀏覽器上將不起作用。

在很長一段時間內,微軟幾乎完全忽略了因特網。但不久之後,微軟開始與Netscape競爭,並推出了IE瀏覽器。儘管IE瀏覽器(Internet Explorer)的早期版本在支持HTML標準方面比不上Netscape,但由於它是免費提供的(免費總是很受歡迎的),所以IE很快便成為最流行的瀏覽器。

微軟從IE的第4版和第5版開始致力於對W3C HTML標準作更多支持。而Netscape則沒有設法開發新版瀏覽器,只是繼續供應已經過時的第4版瀏覽器。

其餘的事,大家都知道,就不必提了。今天,HMTL標準已經發展到4.01版和XHMTL。現在,佔據市場90%以上的份額的是IE瀏覽器了。IE也有自己特有的元素,但它也支持W3C HTML標準。同樣地,其它的瀏覽器,比如Mozilla、Opera和Netscape等,都是既有自己特有的元素,也同時支持W3C HTML標準。

因此,只要你遵循W3C標準來編寫HTML,你的網頁將永遠能在所有瀏覽器上顯示出來。幸運的是,你在本教程學到的是XHTML,它是最新的、更嚴格、更純正的HTML版本

酷 !如何向別人透露HTML的版本信息?

HTML有很多不同種類,所以你需要告訴瀏覽器,你的HTML使用的是哪種“方言”(比如XHTML)。具體做法是採用文檔類型聲明。文檔類型聲明應寫在HTML文檔的開頭部分:

例1:


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" lang="en">

<head>
<title>網頁標題</title>
</head>

<body>
<p>一些文字</p>
</body>

</html>

除了要給出文檔類型聲明以外(上例中第一行,它告訴瀏覽器這個文檔是XHMTL),還需要在html標籤中加入一些信息,也就是添加兩個屬性xmlnslang

xmlns是“XML-Name-Space”(XML名稱空間)的縮寫,其值固定為http://www.w3.org/1999/xhtml。關於名稱空間,你只需瞭解這麼多。但如果你希望作更多瞭解的話,可以登錄W3C網站閱讀有關名稱空間(namespaces)的內容。

lang屬性用於指定當前文檔所使用的語言,其值採用ISO 639標準中列出的世界各國語言代碼。上例中,我們指定文檔採用的語言為英語(對應的屬性值為“en”)。

通過HTML文檔頭部的文檔類型聲明,瀏覽器可以知道如何讀取和顯示你的HTML。今後,可以使用上例作為模板來編寫你的HTML文檔。

此外,文檔類型聲明在驗證網頁時也很有用。

驗證? 為什麼要驗證文檔?如何驗證呢?

你可以用W3C的免費驗證器(validator)來檢查你的HTML文檔是否符合你在文檔類型聲明中所指定的類型。

為了測試如何驗證文檔,請編寫一個網頁並將它上傳到因特網上,現在,打開網頁validator.w3.org,在網頁裡輸入你網頁的網址(URL),然後驗證它。如果你的HTML沒有錯誤,將顯示成功信息。否則,你將會得到錯誤報告,它會詳細告訴你出錯的位置和原因。你可以在網頁裡故意製造一些錯誤,看看會返回什麼樣的結果。

這個驗證器不僅僅對找錯有幫助。有些瀏覽器會盡量修復HTML中的錯誤,按照它們推測的正確結果去顯示網頁。使用這樣的瀏覽器,你會忽視網頁中存在的錯誤。而該網頁在其它的瀏覽器上看到的效果可能會截然不同,甚至根本無法顯示。所以,可以用驗證器幫你找到可能被你忽視的錯誤。

請始終堅持驗證你的網頁,以確保它們能正確地顯示。

網頁寄存

 

arrow
arrow
    全站熱搜
    創作者介紹
    創作者 lixiangni 的頭像
    lixiangni

    lixiangni

    lixiangni 發表在 痞客邦 留言(0) 人氣()