我們大部分的設計師依舊在採用傳統的表格版面、表現與結構混雜在一起的方式來建立網站。學習使用XHTML+CSS的方法需要一個過程,使現有網站符合網站標準也不可能一步到位。最好的方法是循序漸進,分階段來逐步達到完全符合網站標準的目標。如果你是新手,或是對程式碼不是很熟悉,也可以採用遵循標準的編輯工具,例如Dreamweaver MX 2004,它是目前支援CSS標準最完善的工具。
1.初級改善
為頁面添加正確的DOCTYPE
很多設計師和開發者都不知道什麼是DOCTYPE,DOCTYPE有什麼用。 DOCTYPE是document type的簡寫。主要用來說明你用的XHTML或是HTML是什麼版本。瀏覽器根據你DOCTYPE定義的DTD(文檔類型定義)來解釋頁面代碼。所以,如果你不注意設定了錯誤的DOCTYPE,結果會讓你大吃一驚。 XHTML1.0提供了三種DOCTYPE可選:
(1)過渡型(Transitional )
nbsp;html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
(2)嚴格型(Strict )
(2)嚴格型(Strict ) nbsp;html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
(2)嚴格型>
nbsp;html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">(3)框架型(Frameset )
對於我們初級改善來說,只要選用過渡型的聲明就可以了。它依然可以相容於你的表格佈局、表現標識等,不至於讓你覺得變化太大,難以掌握。
Tip:你懶得輸入上面過渡型代碼的話,可以訪問http://www.macromedia.com/網站的首頁,然後查看源代碼,把head區同樣的代碼拷貝粘貼就可以了。
設定一個名字空間(Namespace) 直接在DOCTYPE聲明後面加上以下程式碼:
一個namespace是收集元素類型和屬性名字的詳細的DTD,namespace聲明允許你透過一個線上地址指向來識別你的namespace。只要照樣輸入代碼就可以。
聲明你的編碼語言 為了被瀏覽器正確解釋和透過識別校驗,所有的XHTML文件都必須聲明它們所使用的編碼語言。代碼如下:
這裡聲明的編碼語言是簡體中文GB2312,如果需要製作繁體內容,可以定義為BIG5。
用小寫字母寫所有的標籤
公司簡介 一樣的,
公司簡介
相同的,
改成
,改成
等等。這步轉換很簡單。
為圖片新增 alt 屬性
為所有圖片新增alt屬性。 alt屬性指定了當圖片不能顯示的時候就顯示供替換文本,這樣做對正常用戶可有可無,但對純文本瀏覽器和使用屏幕閱讀機的用戶來說是至關重要的。只有加入了alt屬性,程式碼才會被W3C正確性校驗通過。注意的是我們要加入有意義的alt屬性,像下面這樣的寫法毫無意義:
正確的寫法:
給所有屬性值加引號
在HTML中,你可以不需要為屬性值加引號,但是在XHTML中,它們必須被加引號。
例:height="100",而不能是height=100。
關閉所有的標籤 在XHTML中,每個開啟的標籤都必須關閉。就像這樣: 每個開啟的標籤都必須關閉。 HTML可以接受不關閉的標,XHTML就不行。文字能夠變成巨大的、粗體的,