解析DIV+CSS驗(yàn)證用法
本文和大家重點(diǎn)討論一下DIV+CSS驗(yàn)證_W3C驗(yàn)證的概念，在DIV+CSS開發(fā)的時(shí)候，如果追求完美，開發(fā)中或開發(fā)完后立即去驗(yàn)證開發(fā)的css是否符合w3c標(biāo)準(zhǔn)。
DIV+CSS驗(yàn)證_W3C驗(yàn)證
在DIV+CSS開發(fā)的時(shí)候，特別是新手特別喜歡追求完美，所以開發(fā)中或開發(fā)完后立即去驗(yàn)證開發(fā)的css是否符合w3c標(biāo)準(zhǔn)。雖然說(shuō)驗(yàn)證w3c是好事但是，這個(gè)不是最重要的，最重要的是divcss的兼容瀏覽器性能、css代碼最優(yōu)程度、特效兼容。
接下來(lái)介紹w3c驗(yàn)證
w3c驗(yàn)證地址：http://jigsaw.w3.org/css-validator/
W3C驗(yàn)證方法
1、在線提交需要驗(yàn)證的網(wǎng)址驗(yàn)證W3C標(biāo)準(zhǔn)驗(yàn)證地址：http://jigsaw.w3.org/css-validator/#validate_by_uri
在URL地址輸入需要驗(yàn)證的網(wǎng)頁(yè)地址然后點(diǎn)擊“check”即可驗(yàn)證W3C標(biāo)準(zhǔn)，將顯示驗(yàn)證結(jié)果。
一般情況將通過(guò)w3c驗(yàn)證但是如果有時(shí)候如果你設(shè)置兼容各瀏覽器的CSSHACK將會(huì)檢查出你使用錯(cuò)誤。錯(cuò)誤內(nèi)容在線css工具也會(huì)提示出的。
如果通過(guò)將顯示以下圖
如果錯(cuò)誤將顯示錯(cuò)誤的地方并帶提示說(shuō)明
2、在線提交需要驗(yàn)證的代碼
驗(yàn)證地址：http://jigsaw.w3.org/css-validator/#validate_by_input
此方法是直接將代碼拷入到輸入框里點(diǎn)擊“check”即可驗(yàn)證w3c標(biāo)準(zhǔn)。得出驗(yàn)證通過(guò)與否都會(huì)提示，提示說(shuō)明如輸入url地址方式驗(yàn)證一樣_www.divcss5.com介紹。
3、本地文件上傳方式驗(yàn)證w3c標(biāo)準(zhǔn)
驗(yàn)證地址：http://jigsaw.w3.org/css-validator/#validate_by_upload
點(diǎn)擊“本地CSS文件”輸入框右邊“瀏覽...”即可選擇本地電腦需要驗(yàn)證文件，點(diǎn)擊“check”即可提交需要驗(yàn)證css文件。
說(shuō)明驗(yàn)證結(jié)果與第一點(diǎn)在線輸入網(wǎng)址驗(yàn)證一樣。錯(cuò)誤與否都會(huì)顯示結(jié)果。
CSS擴(kuò)展與提升
1、兼容各版本瀏覽器也會(huì)導(dǎo)致驗(yàn)證失敗。在開發(fā)divcss的時(shí)候我們一般都不會(huì)刻意去追求完美，特別是w3c驗(yàn)證完全通過(guò)，因?yàn)樵陂_發(fā)網(wǎng)頁(yè)的時(shí)候我們需要考慮兼容各個(gè)版本瀏覽器、不同品牌瀏覽器所以會(huì)用到csshack方法來(lái)兼容，這樣會(huì)使用w3c不通過(guò)的css代碼。
2、使用濾鏡也會(huì)導(dǎo)致w3c驗(yàn)證失敗。因?yàn)槲覀優(yōu)榱俗非竺烙^與感官特效所以我們需要使用一點(diǎn)css濾鏡這樣一來(lái)也不會(huì)通過(guò)w3c驗(yàn)證。
3、各大門戶網(wǎng)站一般都不會(huì)考慮w3c驗(yàn)證，也會(huì)導(dǎo)致w3c不會(huì)通過(guò)。比如谷歌、百度、QQ等門戶網(wǎng)站為了追求各式各樣效果也會(huì)導(dǎo)致cssw3c驗(yàn)證問(wèn)題。
綜上總結(jié)：
我們一般要客觀認(rèn)識(shí)w3c標(biāo)準(zhǔn)特別是w3c驗(yàn)證，如果你使用特效、瀏覽器兼容等方面一般不會(huì)通過(guò)w3c驗(yàn)證，所以我們不要刻意去追求w3c標(biāo)準(zhǔn)的驗(yàn)證通過(guò)與否，但是我們要注意的是瀏覽器的兼容、特效的兼容給瀏覽者帶來(lái)美的享受，在開發(fā)DIV+CSS的時(shí)候盡量考慮到w3c標(biāo)準(zhǔn)即可，要注意優(yōu)化css代碼、注意html標(biāo)準(zhǔn)即可。
【編輯推薦】
- CSS布局時(shí)需注意的八大技巧
- IE6.0對(duì)padding的解讀分析
- 揭露CSS中margins折疊現(xiàn)象內(nèi)幕
- DIV+CSS開發(fā)Xhtml網(wǎng)頁(yè)對(duì)SEO優(yōu)化的影響
- DIV CSS網(wǎng)頁(yè)布局中對(duì)段落進(jìn)行排版的方法
