1.網頁背景色的設置
犯錯機率:很大 / 普遍性:較廣 / 犯錯可能性:懶/不知道
絕大部分人的窗口背景顏色都是白色,但如果有個性的人,就會把windows窗口的背景顏色改成灰色或其他色,這樣一來,如果沒有設置網頁的背景顏色的話,網頁在電腦上很糟。
2.Align center(自動居中)的濫用
犯錯機率:非常大 / 普遍性:非常廣 / 犯錯可能性:以為方便/以為好用
工作中,修改、維護別人的網頁是家常便飯,發現不少人有一個陋習:在表格中的文字或圖片,你是否也這樣來令它居中、靠左或靠右?
〈div align="center">您好!〈/div>
〈div align="center">〈img src="//files.default.com/images/11.gif" >〈/div>
當有些表格很多、文字很多、內容分得很細的時候,愛用這種方法的人往往會狂用,慘了,我一碰到這樣的網頁就頭痛,為什么要用那么多〈div>來居中呢?難道表格沒有居中屬性嗎?為什么要加入這些垃圾代碼?特別修改的時候也不能把文字或圖片刪除了就能自動清除。建議使用〈td align="center">來居中,當需要多重定位的時候,才考慮〈div align="center">,因為這個代碼并不好處理,所以能用表格代替就用表格替代。
3.重復使用實現相同功能的代碼、或雜七雜八的亂套代碼
犯錯機率:非常普遍 / 普遍性:非常普遍 / 犯錯可能性:復雜多樣
大家先來看一看下面的代碼:
〈center>
〈p>〈font >〈font >〈font color="#ccc">〈font color="#666" style="font-size:16px;font-family:微軟雅黑">標 題〈/font>〈/font>〈/font>〈/font>〈/p>
〈/center>你覺得這樣的代碼看起來感覺怎么樣呢?
看看上面的代碼,使用了2個class,4個font來定義2個文本,其實這樣的問題很多時候是在大家不斷的修改中產生的,對代碼不熟、或懶查看代碼、又或不喜歡查看代碼的人犯這些問題特別嚴重,當然,事實上別人瀏覽這個網頁的時候,是沒有任何問題的,但維護的人就……。一些多余的垃圾代碼完全是可以省略掉的,其實上面的例子不夠嚴重,更恐怖的我都見過:
〈td>〈div align="center" >
〈center>
〈p align="center">〈/p>
〈p align="center">〈font >〈font >〈font color="#ccc">〈font color="#666" style="font-size:16px;font-family:微軟雅黑">標 題〈/font>〈/font>〈/font>
〈/center>〈/td>
你覺得這樣的代碼看起來感覺怎么樣呢?〈/font>〈/p>〈/center>〈/div>〈/td>
看到這樣的代碼然人感覺很無奈的,這個代碼可以簡化一下:
〈td align="center" >
〈font color="#ccc" style="font-size:16px;font-family:微軟雅黑">標題〈/font>〈/td>
覺得這樣的代碼看起來感覺怎么樣呢?是不是看起來覺得這個世界安靜了很多。
4.表格不正確嵌套
犯錯機率:一般 / 普遍性:普遍 / 犯錯可能性:對這個不了解
其實這是一個街知巷聞的問題了,但還是不斷有人犯,不正確的嵌套表格,可能會令到你被老總叫到辦公室里臭罵一頓,會令你以為正常的網頁用ADSL開2、3分鐘都開不了。 先講第一個問題,就是在一個大表格里不斷地嵌套表格,這樣會令到打開網頁的速度變慢,另一方面維護、修改也極不方便,一般來說簡單的套用是沒有問題的,甚至3、4層,但是不要把所有內容都放到一個表格里去。 第二個問題就是在一個大表格里放入所有內容,而其中包括一個免費的計數器代碼,嘻嘻,你猜有可能出現什么情況呢?其實也沒什么大不了的,最嚴重的就是你的IE象死機了一樣,什么都沒顯示。解決方法就是把計數器單獨放在一個表格里,別和其他內容一起放在同一表格。
5.寫代碼縮進的時候,不是使用Tab而是使用空格
犯錯機率:一般/普遍性:較少/犯錯可能性:不知道Tab更好用
這一個問題針對js、vbs、asp、php之類,html不能使用Tab會寫一點程序的都知道什么叫縮進,怎么樣縮進?有人使用空格,有人使用Tab,如果你是使用空格的,那么從現在起,改用Tab吧。