咱們運用XHTML+CSS來從頭規劃咱們的網站——雨點網,可根據石家莊網站優化來建造,怎么知道自個制造的頁面真的契合web規范?W3C和一些志愿者網站供給了在線校驗程序,來協助咱們查看頁面是不是契合規范,并供給了批改過錯的協助信息。這些校驗十分有用,是我調試頁面第一步要做的事情。
1.XHTML校驗
校驗網址:http://validator.w3.org/
校驗方法:網址校驗、文件上載校驗
校驗成功,會顯現"This Page Is Valid XHTML 1.0 Transitional!"。
校驗失利,會顯現更多校驗選項和過錯信息。
一般挑選"Show Source"和"Verbose Output"可以協助你找到過錯代碼所內行和過錯因素。
XHTML校驗多見過錯因素對照表
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--圖像標簽沒有加"/"封閉。
an attribute value specification must be an attribute value literal unless SHORTTAG YES is specified--特點值有必要加引號。
element "DIV" undefined---DIV標簽不能用大寫,要改成小寫div。
required attribute "alt" not specified---圖像需求加alt特點。
required attribute "type" not specified---JS或許CSS調用的標簽漏了type特點。
其間多見的過錯即是標簽的大小寫問題了。一般這些過錯都是相關的,比方忘記了一個別的
2.CSS2校驗
校驗網址:http://jigsaw.w3.org/css-validator/
校驗方法:網址校驗、文件上載校驗、直接貼入代碼校驗
校驗成功,會顯現"祝賀祝賀,此文檔現已經過樣式表校驗! "。
校驗失利,會顯現兩類過錯:過錯和正告。過錯表明一定要批改,不然無法經過校驗;正告表明有代碼不被W3C引薦,主張修正。
CSS2校驗多見過錯因素對照表
(過錯)無效數字 : color909090 不是一個 color 值 : 909090 ---十六進制色彩值有必要加"#"號,即#909090
(過錯)無效數字 : margin-topUnknown dimension : 6pixels ---pixels不是一個單位值,準確寫法6px
(過錯)特點 scrollbar-face-color 不存在 : #eeeeee --- 界說滾動條色彩對錯規范的特點
(過錯)值 cursorhand不存在 : hand對錯規范特點值,修正為cursor:pointer
(正告)Line : 0 font-family: 主張你指定一個品種族科作為終的挑選 --W3C主張字體界說的時分,終以一個類別的字體完畢,例如"sans-serif",以確保在不一樣操作系統下,頁面字體都能被顯現。
(正告)Line : 0 can't find the warning message for otherprofile --表明在代碼中有非規范特點或值,校驗程序無法判斷和供給相應的正告信息。
*請認真填寫需求信息,我們會在24小時內與您取得聯系。