1.網(wǎng)頁(yè)背景色的設(shè)置

犯錯(cuò)機(jī)率：很大
普遍性：較廣
犯錯(cuò)可能性：懶/不知道

約2年前我曾發(fā)現(xiàn)21cn上出現(xiàn)過(guò)一次沒(méi)有設(shè)置背景色的情況，當(dāng)時(shí)我用Email通知了他們，自此之后這個(gè)問(wèn)題我從沒(méi)犯過(guò)。

絕大部分人的窗口背景顏色都是白色，但如果象我這樣個(gè)性的人，就會(huì)把windows窗口的背景顏色改成灰色或其他色，這樣一來(lái)，如果你沒(méi)有設(shè)置網(wǎng)頁(yè)的背景顏色的話(huà)，你以為正常的網(wǎng)頁(yè)在我的電腦上看起來(lái)會(huì)是一團(tuán)糟。

2.Align center（自動(dòng)居中）的濫用

犯錯(cuò)機(jī)率：非常大
普遍性：非常廣
犯錯(cuò)可能性：以為方便/以為好用

工作中，修改、維護(hù)別人的網(wǎng)頁(yè)是家常便飯，發(fā)現(xiàn)不少人有一個(gè)陋習(xí)：
在表格中的文字或圖片，你是這樣來(lái)令它居中、靠左或靠右過(guò)？

<div align="center">大家好啊！！</div>
<div align="center"><img src="xx.gif"></div>

當(dāng)有些表格很多、文字很多、內(nèi)容分得很細(xì)的時(shí)候，愛(ài)用這種方法（它在DW里的快捷鍵是Ctrl+Alt+C，F(xiàn)P不知道是什么）的人往往會(huì)狂用，慘了，我一碰到這樣的網(wǎng)頁(yè)就頭痛，為什么要用那么多<div>來(lái)居中呢？tell me why？難道表格沒(méi)有居中屬性嗎？為什么要加入這些垃圾代碼？特別修改的時(shí)候也不能把文字或圖片刪除了就能自動(dòng)清除<div align="center">這個(gè)代碼，還要手工去清除，在復(fù)雜點(diǎn)的網(wǎng)頁(yè)中就會(huì)無(wú)故地浪費(fèi)維護(hù)者一筆時(shí)間。

建議使用<td align="center">來(lái)居中，當(dāng)需要多重定位的時(shí)候，才考慮<div align="center">，因?yàn)檫@個(gè)代碼并不好處理，所以能用表格代替就用表格替代。

3.重復(fù)使用實(shí)現(xiàn)相同功能的代碼、或雜七雜八的亂套代碼

犯錯(cuò)機(jī)率：非常普遍
普遍性：非常普遍
犯錯(cuò)可能性：復(fù)雜多樣

大家先來(lái)看一看下面的代碼：
<center><p><font class="css_id"><font class="font11"><font color="#CCCCCC"><font color="#FFA76C" style="font-size:14px;font-family:隸書(shū)">標(biāo) 題</font></font></font><br></center>你覺(jué)得這樣的代碼看起來(lái)感覺(jué)怎么樣呢？</font></p>

我不知道讀者有什么感覺(jué)，壓根我一看到這樣的代碼就會(huì)先自我麻木十來(lái)秒，這十來(lái)秒目的是為了找一個(gè)能表達(dá)我的思想感情的詞（我？你想反問(wèn)我嗎？sorry~~，我一般不犯，因?yàn)槲易鼍W(wǎng)頁(yè)至少有一半以上的時(shí)間在瀏覽代碼，代碼中多了不該多的東西我一眼就能看出來(lái)。）。

看看上面的代碼，使用了2個(gè)class，4個(gè)font來(lái)定義2個(gè)文本，其實(shí)這樣的問(wèn)題很多時(shí)候是在大家不斷的修改中產(chǎn)生的，對(duì)代碼不熟、或懶查看代碼、又或不喜歡查看代碼的人犯這些問(wèn)題特別嚴(yán)重，當(dāng)然，事實(shí)上別人瀏覽這個(gè)網(wǎng)頁(yè)的時(shí)候，是沒(méi)有任何問(wèn)題的，但維護(hù)的人就…………。
這些多余的垃圾代碼完全是可以省略掉的，其實(shí)上面的例子不夠嚴(yán)重，更恐怖的我都見(jiàn)過(guò)。

另外還有一個(gè)問(wèn)題也要提提的，就是<p>...</p>和<center>...</center>，為什么要用它們呢？tell me why~~，有甚者是這樣的：

<td><div align="center" class="css_id">
<center>
<p align="center"></p>
<p align="center"><font class="css_id"><font class="font11"><font color="#CCCCCC"><font color="#FFA76C" style="font-size:14px;font-family:隸書(shū)">標(biāo) 題</font></font></font><br></center></td>你覺(jué)得這樣的代碼看起來(lái)感覺(jué)怎么樣呢？</font></p></center></div></td>

看到這樣的代碼我是會(huì)很無(wú)奈的（更無(wú)奈的是我經(jīng)常看到，而且必須看），我來(lái)簡(jiǎn)化一下：
<td align="center" class="css_id"><br><font color="#FFA76C" style="font-size:14px;font-family:隸書(shū)">標(biāo)題</font><br>你覺(jué)得這樣的代碼看起來(lái)感覺(jué)怎么樣呢？</td>

是不是看起來(lái)覺(jué)得這個(gè)世界安靜了很多？"標(biāo)題"后面的文字完成可以定義在<td>的class里，就算不用css，再用多一個(gè)<.font>也沒(méi)問(wèn)題，一樣很清爽。