本文章是一位網(wǎng)友在進(jìn)行網(wǎng)站更新與調(diào)整時,進(jìn)行w3c xhtml1.0驗(yàn)證的時候的一些經(jīng)驗(yàn)。
總結(jié)出通過w3c xhtml1.0標(biāo)準(zhǔn)需要注意的九個問題:
一、在 <div class=tzh>i am tzh!</div> 這段語句中有什么錯誤?
標(biāo)點(diǎn)符號問題。這其實(shí)也是大家最容易忽視的問題,其實(shí)就是小小的兩個引號,就造成了這個錯誤。雖然很多瀏覽器在不加引號的情況下仍然能正確識別渲染。但是這樣想要通過嚴(yán)格的w3c xhtml國際標(biāo)準(zhǔn)是不可能的,請大家記住等號后面一定要接引號。正確寫法:<div class="tzh">i am tzh!</div>
二、在 <span class="tzh">tzh is me!</span> 這段語句中有什么錯誤?
大小寫注意。這和第一個問題一樣,都是特別容易忽視的細(xì)節(jié)問題。在w3c標(biāo)準(zhǔn)中是絕對不允許大寫的,其中我仍記得我在檢測一段javascript代碼的時候,由于為了讓自己一目了然寫出的onload也被判斷成了錯誤,原因就是l不能大寫。正確寫法:<span class="tzh">tzh is me!</span>
三、在 <p>i am tzh!</p><br><p>tzh is me!</p> 這段語句中有什么錯誤?
<br />標(biāo)簽問題。對于強(qiáng)制換行標(biāo)簽<br />來說,很多新手都分不清它和<br>的區(qū)別,甚至在fckeditor編輯器中有時都會時不時冒出個<br>來充當(dāng)<br />。雖然同樣很多瀏覽器都能自動糾錯,將<br>作為<br />識別。但最好的編輯方法還是推薦大家使用dreamweaver進(jìn)行編輯,當(dāng)你按下ctrl+enter,就會自動寫上一個<br />。正確寫法: <p>i am tzh!</p><br /><p>tzh is me!</p>
四、 <h1>~tangzhehao~hey~</h1> 這段語句中有什么錯誤?
注意標(biāo)簽結(jié)束后面接的標(biāo)點(diǎn)符號,很多標(biāo)簽結(jié)束后都不能接特殊標(biāo)點(diǎn)符號,比如這里的"~"波浪號,但你要問,那叫我怎么用呢?那就使用iso latin-1字符集(iso latin-1 character set),在這里,查找到“~”波浪號相對應(yīng)的字符集十進(jìn)制編碼是~,然后就用這個十進(jìn)制編碼代替~波浪號,記住最后的分號不能丟。在iso latin-1字符集中以已命名實(shí)體(named entity)最優(yōu)先,十進(jìn)制編碼(decimal code)其次,也就是說,一個符號在同時有十進(jìn)制編碼和已命名實(shí)體的時候,優(yōu)先選用已命名實(shí)體而不使用十進(jìn)制編碼。
五、在 <form id="54tzh"></form> 這段語句中有什么錯誤?
注意id和class特殊情況。w3c xhtml1.0 標(biāo)準(zhǔn)中規(guī)定,在id或class中,第一個字符是不能是數(shù)字的,必須是字母。正確寫法:<form id="tzh45"></form>
六、在 <img src="logo.gif"> 這段語句中有什么錯誤?
<img>標(biāo)簽注意。w3c xhtml1.0 標(biāo)準(zhǔn)中規(guī)定,在<img>標(biāo)簽中,必須包括alt元素。正確寫法:<img alt="logo" src="logo.gif">
七、在<script language="javascript"> 這段語句中有什么錯誤?
<script>標(biāo)簽注意。w3c xhtml1.0 標(biāo)準(zhǔn)中規(guī)定,在<img>標(biāo)簽中,必須包括type元素。正確寫法:<script language="javascript" type=text/javascript>
八、在<div><h1>i am tzh!</div></h1> 這段語句中有什么錯誤?
注意標(biāo)簽開始結(jié)束順序?qū)?yīng)。正確寫法:<div><h1>i am tzh!</h1></div>
九、除了上面的之外,還需要注意哪些問題?
注意特殊套裝。比如:<dl><dd><ul><li>等一些特殊標(biāo)簽,套裝順序中缺一不可。必須按照順序?qū)?lt;dl><dd><ul><li>四個標(biāo)簽寫完全。類似的還有許多。
注意未打開標(biāo)簽。所謂未打開來自于w3c檢測,這類錯誤顯示的錯誤是 is not open,翻譯過來也就是未打開的意思。如果按照中文的意思來理解就是有首無尾或者有尾無首。通常這種錯誤出現(xiàn)的原因都是因?yàn)橛幸欢未a在修改的時候被刪除,而沒有顧及到相對較遠(yuǎn)的結(jié)束或者開始標(biāo)簽。
總結(jié)出關(guān)于w3c css標(biāo)準(zhǔn)的一些經(jīng)驗(yàn):
一、少用偏門。類似break-word斷行,z-index手動分層,還有像垂直對齊等等這些偏門css最好少用,因?yàn)椴灰欢ㄋ袨g覽器都支持,而且極難通過w3c檢測。
二、center不是float的值。很多新手都會把center誤認(rèn)為是float的值,而偏偏不是如此。center只是text-align的值。
三、對齊不能包括兩個值。很多新手會在float或者text-align中填寫兩個值,比如:float:left top。這是不允許的,瀏覽器也無法識別。
四、滾動條顏色最好不要自定義。很多瀏覽器不能正常識別自定義顏色的滾動條,況且很多自定義顏色都不能通過w3c。
五、單獨(dú)滾動條設(shè)置。現(xiàn)在經(jīng)常使用overflow-x(橫向滾動條)或者overflow-y(縱向滾動條),在設(shè)置這個的時候經(jīng)常會發(fā)現(xiàn)并不是所有的客戶端上都有效果,大家在設(shè)置的時候最好在body和html同時進(jìn)行設(shè)置。然而這個css也不是css2.1支持的(css2.1支持overflow,同時定義橫縱滾動條),直到css3才支持這種定義方式。盡量少用。
六、background和color顏色相同會受到警告。關(guān)于更多的知識,您可以參考52css.com的相關(guān)文章。
新聞熱點(diǎn)
疑難解答
圖片精選