2010-11-01
應(yīng)用Div+CSS網(wǎng)頁(yè)布局,制作符合web標(biāo)準(zhǔn)的網(wǎng)站,容易出現(xiàn)的一些問(wèn)題。
現(xiàn)在總結(jié)一下,以便大家能夠看到明白問(wèn)題出在那里。
一、CSS校驗(yàn)的問(wèn)題
我們?cè)O(shè)計(jì)的網(wǎng)頁(yè),都希望符合XHTML標(biāo)準(zhǔn),CSS通過(guò)W3C的校驗(yàn)。有些未通過(guò)CSS2.0校驗(yàn),主要校驗(yàn)錯(cuò)誤都是:“Line : 0 font-family: 建議你指定一個(gè)種類族科作為后的選擇”
W3C建議字體定義的時(shí)候,后以一個(gè)類別的字體結(jié)束,而不要以單獨(dú)某個(gè)字體結(jié)束。例如"sans-serif"就可以保證在不同操作系統(tǒng)下,網(wǎng)頁(yè)字體都能被顯示。
雖然多數(shù)人都在body標(biāo)簽上定義了"sans-serif",但在其它的id或class中再次定義字體時(shí)漏了sans-serif,被認(rèn)為校驗(yàn)不通過(guò)。這個(gè)錯(cuò)誤不是很嚴(yán)重,只要稍加注意就可以避免。
二、CSS的書(shū)寫(xiě)建議
給CSS文件加注釋。注釋會(huì)為你今后的維護(hù)帶來(lái)方便,建議盡可能給CSS文件加注釋,不要擔(dān)心增加少量的字節(jié)。 盡量簡(jiǎn)寫(xiě)CSS語(yǔ)法。比如顏色值"#FFFFFF"可以簡(jiǎn)寫(xiě)成"#FFF";"padding-top:30px;Padding-right:0;padding-bottom:10px;padding-left:2 0px"可以簡(jiǎn)寫(xiě)為"padding:30px 0 10px 20px;"。在定義技巧上有更多的節(jié)省技巧,隨著對(duì)CSS應(yīng)用的熟練,你會(huì)不斷發(fā)現(xiàn)更好的辦法。
三、XHTML校驗(yàn)的問(wèn)題
往往大家對(duì)CSS的校驗(yàn)比較注意,但在XHTML符合標(biāo)準(zhǔn)方面有點(diǎn)忽視,出現(xiàn)很多低級(jí)錯(cuò)誤。主要問(wèn)題羅列如下:
◎target="_blank",這個(gè)語(yǔ)法在HTML4.0里是正確的,在XHTML1.0里是不允許使用的。解決的辦法之一是寫(xiě)成target="new",另外一個(gè)辦法是用js處理所有的target;
◎樣式表好不要內(nèi)嵌,將樣式表文件獨(dú)立出來(lái)易于維護(hù)。如果內(nèi)嵌