Div CSS網頁布局、web標準應用容易出現的問題匯總

2024-07-11 08:20:19

字體：大中小

來源：轉載

供稿：網友

應用Div CSS網頁布局，制作符合web標準的網站，輕易出現的一些問題。
現在總結一下，以便大家能夠看到明白問題出在那里。

一.CSS校驗的問題

我們設計的網頁，都希望符合XHTML標準，CSS通過W3C的校驗。有些未通過CSS2.0校驗，主要校驗錯誤都是:“Line : 0 font-family: 建議你指定一個種類族科作為最后的選擇”
W3C建議字體定義的時候，最后以一個類別的字體結束，而不要以單獨某個字體結束。例如"sans-serif"就可以保證在不同操作系統下，網頁字體都能被顯示。

雖然多數人都在body標簽上定義了"sans-serif"，但在其它的id或class中再次定義字體時漏了sans-serif，被認為校驗不通過。這個錯誤不是很嚴重，只要稍加注重就可以避免。

二.CSS的書寫建議

給CSS文件加注釋。注釋會為你今后的維護帶來方便，建議盡可能給CSS文件加注釋，不要擔心增加少量的字節。盡量簡寫CSS語法。比如顏色值"#FFFFFF"可以簡寫成"#FFF";"padding-top:30px;Padding-right:0;padding-bottom:10px;padding-left:2 0px"可以簡寫為"padding:30px 0 10px 20px;"。在定義技巧上有更多的節省技巧，隨著對CSS應用的熟練，你會不斷發現更好的辦法。

三.XHTML校驗的問題

往往大家對CSS的校驗比較注重，但在XHTML符合標準方面有點忽視，出現很多低級錯誤。主要問題羅列如下：

◎target="_blank"，這個語法在HTML4.0里是正確的，在XHTML1.0里是不答應使用的。解決的辦法之一是寫成target="new"，另外一個辦法是用js處理所有的target；
◎樣式表最好不要內嵌，將樣式表文件獨立出來易于維護。假如內嵌<style>一定要寫成<style type="text/css">，其中的type不能忽略，否則XHTML無法判定你的style作用在什么方面。
◎<br>必須寫成<br />，XHTML要求所有的標簽必須關閉，不成對的標簽直接在后面加" /"。
◎重復使用同一ID。一個ID在XHTML中只能使用1次，假如需要多次引用樣式，應該使用class。
◎Flash的嵌入方法錯誤。<embed>最早是Netscape的私有標簽，即使后來為IE所支持，但始終沒有被W3C承認，在HTML4.0沒有<embed>這個標簽。W3C主張的是采用<object>標簽。為了解決不同瀏覽器的兼容，有一個變通的解決方法是2個標簽都采用。
完整的示例代碼如下(flash背景為透明)：

示例代碼 [www.CuoXIn.com]

上一篇：符合XHTML標準DIV CSS布局的網站，對SEO的影響！

下一篇：CSS標準系列用CSS制作“鼠標經過圖像”