通過W3C XHTML1.0標准驗證經驗分享

本文章是一位網友在進行網站更新與調整時,進行W3C XHTML1.0驗證的時候的一些經驗。

總結出通過W3C XHTML1.0標准需要注意的九個問題:

一、在 <div class=tzh>I am TZH!</div> 這段語句中有什麽錯誤?

標點符號問題。這其實也是大家最容易忽視的問題,其實就是小小的兩個引號,就造成了這個錯誤。雖然很多浏覽器在不加引號的情況下仍然能正確識別渲染。但是這樣想要通過嚴格的W3C XHTML國際標准是不可能的,請大家記住等號後面一定要接引號。正確寫法:<div class="tzh">I am TZH!</div>

二、在 <SPAN class="tzh">TZH is me!</SPAN> 這段語句中有什麽錯誤?

大小寫注意。這和第一個問題一樣,都是特別容易忽視的細節問題。在W3C標准中是絕對不允許大寫的,其中我仍記得我在檢測一段javascript代碼的時候,由于爲了讓自己一目了然寫出的onLoad也被判斷成了錯誤,原因就是L不能大寫。正確寫法:<span class="tzh">TZH is me!</span>

三、在 <p>I am TZH!</p><br><p>TZH is me!</p> 這段語句中有什麽錯誤?

<br />標簽問題。對于強制換行標簽<br />來說,很多新手都分不清它和<br>的區別,甚至在FCKeditor編輯器中有時都會時不時冒出個<br>來充當<br />。雖然同樣很多浏覽器都能自動糾錯,將<br>作爲<br />識別。但最好的編輯方法還是推薦大家使用Dreamweaver進行編輯,當你按下Ctrl+Enter,就會自動寫上一個<br />。正確寫法: <p>I am TZH!</p><br /><p>TZH is me!</p>

四、 <h1>~tangzhehao~hey~</h1> 這段語句中有什麽錯誤?

注意標簽結束後面接的標點符號,很多標簽結束後都不能接特殊標點符號,比如這裏的"~"波浪號,但你要問,那叫我怎麽用呢?那就使用ISO Latin-1字符集(ISO Latin-1 Character Set),在這裏,查找到“~”波浪號相對應的字符集十進制編碼是~,然後就用這個十進制編碼代替~波浪號,記住最後的分號不能丟。在ISO Latin-1字符集中以已命名實體(Named entity)最優先,十進制編碼(Decimal code)其次,也就是說,一個符號在同時有十進制編碼和已命名實體的時候,優先選用已命名實體而不使用十進制編碼。

五、在 <form id="54tzh"></form> 這段語句中有什麽錯誤?

注意id和class特殊情況。W3C XHTML1.0 標准中規定,在id或class中,第一個字符是不能是數字的,必須是字母。正確寫法:<form id="tzh45"></form>

六、在 <img src="logo.gif"> 這段語句中有什麽錯誤?

<img>標簽注意。W3C XHTML1.0 標准中規定,在<img>標簽中,必須包括alt元素。正確寫法:<img alt="Logo" src="logo.gif">

七、在<script language="JavaScript"> 這段語句中有什麽錯誤?

<script>標簽注意。W3C XHTML1.0 標准中規定,在<img>標簽中,必須包括type元素。正確寫法:<script language="JavaScript" type=text/javascript>

八、在<div><h1>I am TZH!</div></h1> 這段語句中有什麽錯誤?

注意標簽開始結束順序對應。正確寫法:<div><h1>I am TZH!</h1></div>

九、除了上面的之外,還需要注意哪些問題?

注意特殊套裝。比如:<dl><dd><ul><li>等一些特殊標簽,套裝順序中缺一不可。必須按照順序將<dl><dd><ul><li>四個標簽寫完全。類似的還有許多。

注意未打開標簽。所謂未打開來自于W3C檢測,這類錯誤顯示的錯誤是 is not open,翻譯過來也就是未打開的意思。如果按照中文的意思來理解就是有首無尾或者有尾無首。通常這種錯誤出現的原因都是因爲有一段代碼在修改的時候被刪除,而沒有顧及到相對較遠的結束或者開始標簽。

總結出關于W3C CSS標准的一些經驗:

一、少用偏門。類似break-word斷行,z-index手動分層,還有像垂直對齊等等這些偏門CSS最好少用,因爲不一定所有浏覽器都支持,而且極難通過W3C檢測。

二、center不是float的值。很多新手都會把center誤認爲是float的值,而偏偏不是如此。center只是text-align的值。

三、對齊不能包括兩個值。很多新手會在float或者text-align中填寫兩個值,比如:float:left top。這是不允許的,浏覽器也無法識別。

四、滾動條顔色最好不要自定義。很多浏覽器不能正常識別自定義顔色的滾動條,況且很多自定義顔色都不能通過W3C。

五、單獨滾動條設置。現在經常使用overflow-x(橫向滾動條)或者overflow-y(縱向滾動條),在設置這個的時候經常會發現並不是所有的客戶端上都有效果,大家在設置的時候最好在body和html同時進行設置。然而這個CSS也不是CSS2.1支持的(CSS2.1支持overflow,同時定義橫縱滾動條),直到CSS3才支持這種定義方式。盡量少用。

六、background和color顔色相同會受到警告。

w3c validator:CSS/HTML4.01/XHTML1.0 XiaoZhu.com 都順利通過 :)
2004年9月6日,把測試版本的XiaoZhu.com遞交到w3c的相關validator:CSS/HTML4.01/XHTML1.0 都順利通過 :)——其實沒有多複雜,也未必需要知道一大堆相關知識。雖然兩年多沒接觸Web應用和網頁制作,但憑借...查看完整版>>w3c validator:CSS/HTML4.01/XHTML1.0 XiaoZhu.com 都順利通過 :)
 
網站通過W3C標准應注意的一些問題
  什麽是W3C標准?W3C標准是什麽意思?  目前W3C標准已經成爲高端客戶設計網站的首選,我們知道國內上網者中,用IE浏覽器的比較多,但從國內或全世界的上網客戶來看,有些客戶並不是用IE來上網浏覽內容的,他們會用...查看完整版>>網站通過W3C標准應注意的一些問題
 
1月14日滿分通過CCNA(經驗分享)
  1.14下午過了ccna,1000分。  首先要感謝這裏的迷版主和學友們,給我解答疑惑,給我打氣加油。  幾乎全部是TK原題,個別小改動。只要真正看懂TK而不是背答案,穩過。  沒有爭議題。第一題就是 switching lo...查看完整版>>1月14日滿分通過CCNA(經驗分享)
 
第一次通過百度百科心得、經驗分享
第一次通過百度百科心得、經驗分享
  百度百科的作用:所有的seo者都會對百度百科外鏈的作用無限向往,如果在百度百科中成功加入了自己網站的外鏈,那麽無疑會給自己的網站提高權重、增加高質量外鏈、提升關鍵詞排名等等都有很好的效果。不過百度百科...查看完整版>>第一次通過百度百科心得、經驗分享
 
銀聯數據通過Trustwave實施的PCI DSS標准驗證
  Marketwire 2009年9月15日伊利諾斯州芝加哥和上海消息--中國最大的銀行卡賬戶第三方處理機構銀聯數據服務有限公司(簡稱"銀聯數據")完成了符合支付卡行業數據安全標准(PCI DSS)的驗證。向全球企業和機構提供隨...查看完整版>>銀聯數據通過Trustwave實施的PCI DSS標准驗證
 
從GMail認識的W3C網頁標准和Ajax
  不可否認,W3C網頁標准剛出來的時候的確很吸引人。那時因爲firefox的出現,沖擊了浏覽器市場,使得大家爲了一個小狐狸,而掀起一場網頁標准的風波,但是對于設計師來說帶來什麽?在這場風波我看到的最多就是技術的...查看完整版>>從GMail認識的W3C網頁標准和Ajax
 
推薦幾個W3C標准的好站
在Web Design中推行W3C標准,對于兼容性來說是一件非常不錯的事情。爲了在不同的浏覽器上面得到近乎相同的顯示效果。W3c組織提倡使用CSS而不是Table來定位。下面有兩個以推廣W3C標准爲目的的網站。網頁設計師 Web開發...查看完整版>>推薦幾個W3C標准的好站
 
從GMail認識的W3C網頁標准和Ajax
  不可否認,W3C網頁標准剛出來的時候的確很吸引人。那時因爲firefox的出現,沖擊了浏覽器市場,使得大家爲了一個小狐狸,而掀起一場網頁標准的風波,但是對于設計師來說帶來什麽?在這場風波我看到的最多就是技術的...查看完整版>>從GMail認識的W3C網頁標准和Ajax
 
推薦幾個W3C標准的好站
推薦幾個W3C標准的好站 推薦幾個W3C標准的好站 在Web Design中推行W3C標准,對于兼容性來說是一件非常不錯的事情。爲了在不同的浏覽器上面得到近乎相同的顯示效果。W3c組織提倡使用CSS而不是Table來定位。下...查看完整版>>推薦幾個W3C標准的好站
 
 
回到王朝網路移動版首頁