九個(gè)W3C XHTML1.0及CSS標(biāo)準(zhǔn)認(rèn)證需要注意的問題_XHTML教程
教程Tag:暫無Tag,歡迎添加,賺取U幣!
本文章是一位Mb5u.com的網(wǎng)友在進(jìn)行網(wǎng)站更新與調(diào)整時(shí),進(jìn)行W3C XHTML1.0驗(yàn)證的時(shí)候的一些經(jīng)驗(yàn)。
總結(jié)出通過W3C XHTML1.0標(biāo)準(zhǔn)需要注意的九個(gè)問題:
一、在 <div class=tzh>I am TZH!</div> 這段語句中有什么錯(cuò)誤?
標(biāo)點(diǎn)符號問題。這其實(shí)也是大家最容易忽視的問題,其實(shí)就是小小的兩個(gè)引號,就造成了這個(gè)錯(cuò)誤。雖然很多瀏覽器在不加引號的情況下仍然能正確識別渲染。但是這樣想要通過嚴(yán)格的W3C XHTML國際標(biāo)準(zhǔn)是不可能的,請大家記住等號后面一定要接引號。正確寫法:<div class="tzh">I am TZH!</div>
二、在 <SPAN class="tzh">TZH is me!</SPAN> 這段語句中有什么錯(cuò)誤?
大小寫注意。這和第一個(gè)問題一樣,都是特別容易忽視的細(xì)節(jié)問題。在W3C標(biāo)準(zhǔn)中是絕對不允許大寫的,其中我仍記得我在檢測一段javascript代碼的時(shí)候,由于為了讓自己一目了然寫出的onLoad也被判斷成了錯(cuò)誤,原因就是L不能大寫。正確寫法:<span class="tzh">TZH is me!</span>
三、在 <p>I am TZH!</p><br><p>TZH is me!</p> 這段語句中有什么錯(cuò)誤?
<br />標(biāo)簽問題。對于強(qiáng)制換行標(biāo)簽<br />來說,很多新手都分不清它和<br>的區(qū)別,甚至在FCKeditor編輯器中有時(shí)都會(huì)時(shí)不時(shí)冒出個(gè)<br>來充當(dāng)<br />。雖然同樣很多瀏覽器都能自動(dòng)糾錯(cuò),將<br>作為<br />識別。但最好的編輯方法還是推薦大家使用Dreamweaver進(jìn)行編輯,當(dāng)你按下Ctrl+Enter,就會(huì)自動(dòng)寫上一個(gè)<br />。正確寫法: <p>I am TZH!</p><br /><p>TZH is me!</p>
四、 <h1>~tangzhehao~hey~</h1> 這段語句中有什么錯(cuò)誤?
注意標(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)制編碼是~,然后就用這個(gè)十進(jìn)制編碼代替~波浪號,記住最后的分號不能丟。在ISO Latin-1字符集中以已命名實(shí)體(Named entity)最優(yōu)先,十進(jìn)制編碼(Decimal code)其次,也就是說,一個(gè)符號在同時(shí)有十進(jìn)制編碼和已命名實(shí)體的時(shí)候,優(yōu)先選用已命名實(shí)體而不使用十進(jìn)制編碼。
五、在 <form id="54tzh"></form> 這段語句中有什么錯(cuò)誤?
注意id和class特殊情況。W3C XHTML1.0 標(biāo)準(zhǔn)中規(guī)定,在id或class中,第一個(gè)字符是不能是數(shù)字的,必須是字母。正確寫法:<form id="tzh45"></form>
六、在 <img src="logo.gif"> 這段語句中有什么錯(cuò)誤?
<img>標(biāo)簽注意。W3C XHTML1.0 標(biāo)準(zhǔn)中規(guī)定,在<img>標(biāo)簽中,必須包括alt元素。正確寫法:<img alt="Logo" src="logo.gif">
七、在<script language="JavaScript"> 這段語句中有什么錯(cuò)誤?
<script>標(biāo)簽注意。W3C XHTML1.0 標(biāo)準(zhǔn)中規(guī)定,在< script >標(biāo)簽中,必須包括type元素。正確寫法:<script language="JavaScript" type=text/javascript>
八、在<div><h1>I am TZH!</div></h1> 這段語句中有什么錯(cuò)誤?
注意標(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>四個(gè)標(biāo)簽寫完全。類似的還有許多。
注意未打開標(biāo)簽。所謂未打開來自于W3C檢測,這類錯(cuò)誤顯示的錯(cuò)誤是 is not open,翻譯過來也就是未打開的意思。如果按照中文的意思來理解就是有首無尾或者有尾無首。通常這種錯(cuò)誤出現(xiàn)的原因都是因?yàn)橛幸欢未a在修改的時(shí)候被刪除,而沒有顧及到相對較遠(yuǎn)的結(jié)束或者開始標(biāo)簽。
總結(jié)出關(guān)于W3C CSS標(biāo)準(zhǔn)的一些經(jīng)驗(yàn):
一、少用偏門。類似break-word斷行,z-index手動(dòng)分層,還有像垂直對齊等等這些偏門CSS最好少用,因?yàn)椴灰欢ㄋ袨g覽器都支持,而且極難通過W3C檢測。
二、center不是float的值。很多新手都會(huì)把center誤認(rèn)為是float的值,而偏偏不是如此。center只是text-align的值。
三、對齊不能包括兩個(gè)值。很多新手會(huì)在float或者text-align中填寫兩個(gè)值,比如:float:left top。這是不允許的,瀏覽器也無法識別。
四、滾動(dòng)條顏色最好不要自定義。很多瀏覽器不能正常識別自定義顏色的滾動(dòng)條,況且很多自定義顏色都不能通過W3C。
五、單獨(dú)滾動(dòng)條設(shè)置�,F(xiàn)在經(jīng)常使用overflow-x(橫向滾動(dòng)條)或者overflow-y(縱向滾動(dòng)條),在設(shè)置這個(gè)的時(shí)候經(jīng)常會(huì)發(fā)現(xiàn)并不是所有的客戶端上都有效果,大家在設(shè)置的時(shí)候最好在body和html同時(shí)進(jìn)行設(shè)置。然而這個(gè)CSS也不是CSS2.1支持的(CSS2.1支持overflow,同時(shí)定義橫縱滾動(dòng)條),直到CSS3才支持這種定義方式。盡量少用。
六、background和color顏色相同會(huì)受到警告。關(guān)于更多的知識,您可以參考Mb5u.com的相關(guān)文章。
相關(guān)XHTML教程:
- HTML5 INPUT placeholder及兼容性處理
- HTML表單里的Label標(biāo)簽
- 淺析HTML與javascript中常用編碼
- CSS網(wǎng)頁布局中必須要了解的幾個(gè)XHTML標(biāo)簽
- title和alt 標(biāo)簽介紹及其異同
- 淺析HTML標(biāo)簽strong和em的區(qū)別
- 說說XHTML中的alt屬性和title屬性
- Semantics語義是Html Xhtml是否真正符合標(biāo)準(zhǔn)的重要部分
- 請注意頁面head區(qū)域的編碼是不是規(guī)范
- HTML validate - 驗(yàn)證HTML代碼穿越多重瀏覽器標(biāo)準(zhǔn)
- XHTML具有語義的標(biāo)簽:有關(guān)H1位置的討論
- HTML結(jié)構(gòu)更加清晰、規(guī)范,學(xué)習(xí)HTML5優(yōu)化結(jié)構(gòu)的思路。
XHTML教程Rss訂閱Div+Css教程搜索
XHTML教程推薦
- HTML結(jié)構(gòu)更加清晰、規(guī)范,學(xué)習(xí)HTML5優(yōu)化結(jié)構(gòu)的思路。
- HTML表格標(biāo)記教程(28):單元格的邊框色屬性BORDERCOLOR
- 揭開HTML 5工作草稿的神秘面紗
- HTML表單標(biāo)記教程(3):輸入標(biāo)記
- HTML的一些關(guān)于顏色方面的參考
- HTML5的結(jié)構(gòu)和語義——前言(一)
- HTML初級教程段落
- HTML初級教程標(biāo)題h1~h6
- HTML表格標(biāo)記教程(32):單元格的水平對齊屬性ALIGN
- HTML表格標(biāo)記教程(20):行的背景色屬性BGCOLOR
- 相關(guān)鏈接:
復(fù)制本頁鏈接| 搜索九個(gè)W3C XHTML1.0及CSS標(biāo)準(zhǔn)認(rèn)證需要注意的問題
- 教程說明:
XHTML教程-九個(gè)W3C XHTML1.0及CSS標(biāo)準(zhǔn)認(rèn)證需要注意的問題
。