WEB2.0標(biāo)準(zhǔn)教程：第十二天 校驗(yàn)及常見錯(cuò)誤_Web標(biāo)準(zhǔn)教程
辛苦了好多天，我們努力學(xué)習(xí)使用XHTML+CSS來重新設(shè)計(jì)我們的網(wǎng)站。那么我們?nèi)绾沃雷约褐谱鞯捻撁嬲娴姆蟱eb標(biāo)準(zhǔn)？W3C和一些志愿者網(wǎng)站提供了在線校驗(yàn)程序，來幫助我們檢查頁面是否符合標(biāo)準(zhǔn)，并提供了修正錯(cuò)誤的幫助信息。這些校驗(yàn)非常有用，是我調(diào)試頁面第一步要做的事情。
1.XHTML校驗(yàn)
● 校驗(yàn)網(wǎng)址：http://validator.w3.org/
● 校驗(yàn)方式:網(wǎng)址校驗(yàn)、文件上傳校驗(yàn)
● 校驗(yàn)成功，會(huì)顯示"This Page Is Valid XHTML 1.0 Transitional!",如圖：
● 校驗(yàn)失敗，會(huì)顯示更多校驗(yàn)選項(xiàng)和錯(cuò)誤信息，如圖：
一般選擇"Show Source"和"Verbose Output"可以幫助你找到錯(cuò)誤代碼所在行和錯(cuò)誤原因。
XHTML校驗(yàn)常見錯(cuò)誤原因?qū)φ毡?/strong>
● No DOCTYPE Found! Falling Back to HTML 4.01 Transitional--未定義DOCTYPE。
● No Character Encoding Found! Falling back to UTF-8.--未定義語言編碼。
● end tag for "img" omitted, but OMITTAG NO was specified--圖片標(biāo)簽沒有加"/"關(guān)閉。
● an attribute value specification must be an attribute value literal unless
SHORTTAG YES is specified--屬性值必須加引號(hào)。
● element "DIV" undefined---DIV標(biāo)簽不能用大寫，要改成小寫div。
● required attribute "alt" not specified---圖片需要加alt屬性。
● required attribute "type" not specified---JS或者CSS調(diào)用的標(biāo)簽漏了type屬性。
其中最最常見的錯(cuò)誤就是標(biāo)簽的大小寫問題了。通常這些錯(cuò)誤都是關(guān)聯(lián)的，比如忘記了一個(gè)</li>其他<li>標(biāo)簽都會(huì)報(bào)錯(cuò)，所以不要看到一堆的錯(cuò)誤害怕，通常解決了一個(gè)錯(cuò)誤，其他的錯(cuò)誤也都沒有了。
如果你的頁面通過XHTML1.0校驗(yàn)，可以在頁面上放置這么一個(gè)圖標(biāo)： 
代碼如下：
<p> <a href="http://validator.w3.org/check/referer"><img src="http://www.w3.org/Icons/valid-xhtml10" alt="Valid XHTML 1.0!" height="31" width="88" /></a> </p>
- Web標(biāo)準(zhǔn)：需要正確的使用H1~ H6標(biāo)簽
- 五個(gè)WEB標(biāo)準(zhǔn)中必須注意的地方
- 做到結(jié)構(gòu)(XHTML)，表現(xiàn)(CSS)，行為(JavaScript)的分離
- CSS標(biāo)準(zhǔn):HTML標(biāo)簽元素的關(guān)閉
- Web標(biāo)準(zhǔn)之路 勿使用W3C廢棄的元素
- CSS布局 聲明文檔類型描述(DTD)
- DIV CSS\讓搜索引擎蜘蛛不再累
- 用XHTML+CSS創(chuàng)建基于Web標(biāo)準(zhǔn)的網(wǎng)頁
- XHTML+CSS創(chuàng)建基于Web標(biāo)準(zhǔn)的網(wǎng)站
- DIV+CSS對(duì)SEO的幫助
- 淺析什么是Web標(biāo)準(zhǔn) 及其前景
- CSSer新手寄語：開始標(biāo)準(zhǔn)之路
Web標(biāo)準(zhǔn)教程Rss訂閱Div+Css教程搜索
Web標(biāo)準(zhǔn)教程推薦
- 告訴你網(wǎng)站符合W3C標(biāo)準(zhǔn)有什么優(yōu)點(diǎn)
- CSS如何定義文字大小以體現(xiàn)用戶體驗(yàn)
- web標(biāo)準(zhǔn)化學(xué)習(xí)指南：如何學(xué)習(xí)網(wǎng)頁標(biāo)準(zhǔn)
- 網(wǎng)頁標(biāo)準(zhǔn)化-CSS命名規(guī)劃整理
- 學(xué)習(xí)Web標(biāo)準(zhǔn)十本推薦書籍！
- Div CSS網(wǎng)頁布局、web標(biāo)準(zhǔn)應(yīng)用容易出現(xiàn)的問題匯總
- CSS和HTML與前端技術(shù)層圖示
- 非常實(shí)用的技巧：網(wǎng)頁制作的妙招四則
- CSS制作11種風(fēng)格不同的特效文字
- WebDeveloper更新最新版本W(wǎng)ebDeveloper1.1.4
猜你也喜歡看這些
- 如何讓IE ff Opera同時(shí)支持Alpha透明？
- 區(qū)分IE6,IE7和firefox的CSS hack
- 兼容FIREFOX下背景層的自適應(yīng)高度
- CSS實(shí)例：區(qū)分IE6、IE7、FF對(duì)HR解釋的CSShack
- li中出現(xiàn)兩個(gè)以上浮動(dòng)時(shí)列表標(biāo)記出現(xiàn)問題的解決辦法
- 看懂《CSS hack瀏覽器兼容一覽表》
- 非主流瀏覽器Nascape中CSS的顯示與IE的差別
- 為什么IE6下容器的寬度和FF解釋不同呢
- 動(dòng)態(tài)加載外部css或js文件
- text-overflow:ellipsis非IE的瀏覽器的另類應(yīng)用！
- 相關(guān)鏈接：
- 教程說明：
Web標(biāo)準(zhǔn)教程-WEB2.0標(biāo)準(zhǔn)教程：第十二天 校驗(yàn)及常見錯(cuò)誤
。