使用XHTML按標準重構網站

主頁 > 學習 > HTML >

次瀏覽

摘要:我們曾經為本節撰寫的標題是:“XHTML:簡單的規則,容易的方針。”原因之一是,本節討論的規則和方針是簡單和容易的。原因之二是,一本簡單和容易的WEB設計圖書,就像超級市場的新式的免費商品一樣,雖然常見卻可以有效地吸引人的眼球,這樣的東西可以刺激人

我們曾經為本節撰寫的標題是:“XHTML:簡單的規則,容易的方針。”原因之一是,本節討論的規則和方針是簡單和容易的。原因之二是,一本簡單和容易的WEB設計圖書,就像超級市場的新式的免費商品一樣,雖然常見卻可以有效地吸引人的眼球,這樣的東西可以刺激人的興趣,并且鼓勵人們嘗試。

我確實希望本節的內容可以激發你的興趣,并鼓勵你去嘗試。為什么這么說呢?因為一旦你掌握了本章包含的簡單容易的理念,你就會重新思考網頁運作的方式,并開始改變建造它們的方法。然而我并不希望你只是將代碼重新改寫一邊。我希望你可以實實在在地以另一種方式思考和工作。

另一方面,重構才是XHTML真正的意義。

在本章,我們將研究結構化標記的機制和涵義。如果你正在將網站標準融入你的開發項目,你或許會覺得本章的內容有些熟悉。不過即便是這方面的老手,也會從本章發現意外的收獲。

XHTML規則概要
將傳統的HTML轉換為XHTML 1.0是快捷且無痛的,只要你遵守一些簡單的規則和容易的方針。不管是否使用過HTML,都不會妨礙你使用XHTML。

使用恰當的文檔類型聲明和命名空間。
使用meta元素聲明你的內容類型。
使用小寫字母書寫所有的元素和屬性。
為所有的屬性值加引號。
為所有的屬性分配值。
關閉所有的標簽。
使用空格和斜線關閉空標簽。
不要在注釋中寫雙下劃線。
確保小于號及和號為<和&
Unicode和其他字符集
XML、XHTML、和HTML 4.0文檔的默認字符集是Unicode,一個由Unicode聯盟定義的標準。Unicode是一套全面的字符集,它為每個字符提供了一個特定的唯一的數字,不論平臺、程序和語言。Unicode也是我們擁有的最接近通用字母表的事物,盡管它并不是一個字母表,而是一套數字映射方案。

盡管Unicode是web文檔默認的字符集,開發人員依然可以自由地選擇更適合他們的其他字符集。比方說,美國和西歐的網站常常使用ISO-8859-1 (Latin-1)編碼,而中華人民共和國的國家標準是gb2312。

為表達語義而標記文檔,而不是為了樣式
記住:請最大限度地使用CSS來進行布局。在web標準的世界里,XHTML標記與表現無關,它只與文檔結構有關。

結構良好的文檔可以向瀏覽器傳達盡可能多的語義,不論是瀏覽器位于掌上電腦還是時髦的桌面圖形瀏覽器。結構良好的文檔都能向用戶傳達可視化的語義,即使是在老的瀏覽器,或是在被用戶關閉了CSS的現代瀏覽器中。

不是每個站點都能立即拋棄HTML表格布局。CSS的發明者,W3C,直到2002年11月才將官方網站轉換為CSS布局。然而,即使是頑固的唯標準主義者也不總是將表現從結構中完全分離處理,至少在XHTML 1中是做不到的。但是現在,我們可以向這個理想邁出重大的一步,通過將表現從結構中分離(或者說將數據從設計中),即使是混合的傳統的布局也可從中受益。

下面有一些提示,可以幫助你通過更結構化的方式進行思維:

提綱內的色彩
在語法學校,我們中的大部分人都被迫使用標準的提綱格式來寫文章。現在,我們成為了設計師,可以多么自由地擺脫提綱的限制,然后大膽地投身于獨特的個人表達的自由領域(也許我們的宣傳冊和商業站點還不是那么獨特和個人化)。但是至少我們不會再受到提綱的困擾了。

實際上,依照HTML,我們應該將內容結構化為有組織的層級。在瀏覽器不支持CSS的時期,我們無法在交付可供銷售的布局的同時做到這一點。但是今天,在將我們的設計不折不扣地實現的同時,我們有能力交付內在結構良好的文檔。

當你將供網絡使用的文本進行標記,或者當你將已有的文本文檔轉換為網頁時,請使用傳統提綱的這些條目進行思考。

我的主題


介紹性文字


補充性的觀點


相關文字

隨機新聞
急速赛车收