1.網(wǎng)頁背景色的設(shè)置
犯錯(cuò)機(jī)率：很大
普遍性：較廣
犯錯(cuò)可能性：懶/不知道
約2年前我曾發(fā)現(xiàn)21cn上出現(xiàn)過一次沒有設(shè)置背景色的情況，當(dāng)時(shí)我用Email通知了他們，自此之后這個(gè)問題我從沒犯過。
絕大部分人的窗口背景顏色都是白色，但如果象我這樣個(gè)性的人，就會(huì)把windows窗口的背景顏色改成灰色或其他色，這樣一來，如果你沒有設(shè)置網(wǎng)頁的背景顏色的話，你以為正常的網(wǎng)頁在我的電腦上看起來會(huì)是一團(tuán)糟。
2.Align center（自動(dòng)居中）的濫用
犯錯(cuò)機(jī)率：非常大
普遍性：非常廣
犯錯(cuò)可能性：以為方便/以為好用
工作中，修改、維護(hù)別人的網(wǎng)頁是家常便飯，發(fā)現(xiàn)不少人有一個(gè)陋習(xí)：
在表格中的文字或圖片，你是這樣來令它居中、靠左或靠右過？
<div align="center">大家好啊�。�</div>
<div align="center"><img src="xx.gif"></div>
當(dāng)有些表格很多、文字很多、內(nèi)容分得很細(xì)的時(shí)候，愛用這種方法（它在DW里的快捷鍵是Ctrl+Alt+C，F(xiàn)P不知道是什么）的人往往會(huì)狂用，慘了，我一碰到這樣的網(wǎng)頁就頭痛，為什么要用那么多<div>來居中呢？tell me why？難道表格沒有居中屬性嗎？為什么要加入這些垃圾代碼？特別修改的時(shí)候也不能把文字或圖片刪除了就能自動(dòng)清除<div align="center">這個(gè)代碼，還要手工去清除，在復(fù)雜點(diǎn)的網(wǎng)頁中就會(huì)無故地浪費(fèi)維護(hù)者一筆時(shí)間。
建議使用<td align="center">來居中，當(dāng)需要多重定位的時(shí)候，才考慮<div align="center">，因?yàn)檫@個(gè)代碼并不好處理，所以能用表格代替就用表格替代。
3.重復(fù)使用實(shí)現(xiàn)相同功能的代碼、或雜七雜八的亂套代碼
犯錯(cuò)機(jī)率：非常普遍
普遍性：非常普遍
犯錯(cuò)可能性：復(fù)雜多樣
大家先來看一看下面的代碼：
<center>
<p><font class="css_id"><font class="font11"><font color="#CCCCCC"><font color="#FFA76C" style="font-size:14px;font-family:隸書">標(biāo)題</font></font></font><br></center>
你覺得這樣的代碼看起來感覺怎么樣呢？</font></p>
我不知道讀者有什么感覺，壓根我一看到這樣的代碼就會(huì)先自我麻木十來秒，這十來秒目的是為了找一個(gè)能表達(dá)我的思想感情的詞（我？你想反問我嗎？sorry~~，我一般不犯，因?yàn)槲易鼍W(wǎng)頁至少有一半以上的時(shí)間在瀏覽代碼，代碼中多了不該多的東西我一眼就能看出來。）。
看看上面的代碼，使用了2個(gè)class，4個(gè)font來定義2個(gè)文本，其實(shí)這樣的問題很多時(shí)候是在大家不斷的修改中產(chǎn)生的，對(duì)代碼不熟、或懶查看代碼、又或不喜歡查看代碼的人犯這些問題特別嚴(yán)重，當(dāng)然，事實(shí)上別人瀏覽這個(gè)網(wǎng)頁的時(shí)候，是沒有任何問題的，但維護(hù)的人就…………。
這些多余的垃圾代碼完全是可以省略掉的，其實(shí)上面的例子不夠嚴(yán)重，更恐怖的我都見過。
另外還有一個(gè)問題也要提提的，就是<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:隸書">標(biāo) 題</font></font></font><br></center></td>你覺得這樣的代碼看起來感覺怎么樣呢？</font></p></center></div></td>
看到這樣的代碼我是會(huì)很無奈的（更無奈的是我經(jīng)�？吹�，而且必須看），我來簡化一下：
<td align="center" class="css_id">
<br><font color="#FFA76C" style="font-size:14px;font-family:隸書">標(biāo)題</font><br>你覺得這樣的代碼看起來感覺怎么樣呢？</td>
是不是看起來覺得這個(gè)世界安靜了很多？"標(biāo)題"后面的文字完成可以定義在<td>的class里，就算不用css，再用多一個(gè)<.font>也沒問題，一樣很清爽。
4.表格不正確嵌套
犯錯(cuò)機(jī)率：一般
普遍性：普遍
犯錯(cuò)可能性：對(duì)這個(gè)不了解
其實(shí)這是一個(gè)街知巷聞的問題了，但還是不斷有人犯，不正確的嵌套表格，可能會(huì)令到你被老總叫到辦公室里臭罵一頓，會(huì)令到你以為正常的網(wǎng)頁用ADSL開2、3分鐘都開不了。
先講第一個(gè)問題，就是在一個(gè)大表格里不斷地嵌套表格，這樣會(huì)令到打開網(wǎng)頁的速度變慢（雖然說現(xiàn)在的IE改善了這一問題，但還是不建議這樣做），另一方面維護(hù)、修改也極不方便，一般來說簡單的套用是沒有問題的，甚至3、4層，但是不要把所有內(nèi)容都放到一個(gè)表格里去。
第二個(gè)問題就是在一個(gè)大表格里放入所有內(nèi)容，而其中包括一個(gè)免費(fèi)的計(jì)數(shù)器代碼，嘻嘻，你猜有可能出現(xiàn)什么情況呢？其實(shí)也沒什么大不了的，最嚴(yán)重的就是你的IE象死機(jī)了一樣，什么都沒顯示。解決方法就是把計(jì)數(shù)器單獨(dú)放在一個(gè)表格里，別和其他內(nèi)容一起放在同一表格。
5.寫代碼縮進(jìn)的時(shí)候，不是使用Tab而是使用空格
犯錯(cuò)機(jī)率：一般
普遍性：較少
犯錯(cuò)可能性：不知道Tab更好用
這一個(gè)問題針對(duì)js、vbs、asp、php之類，html不能使用Tab會(huì)寫一點(diǎn)程序的都知道什么叫縮進(jìn)，怎么樣縮進(jìn)？有人使用空格，有人使用Tab，如果你是使用空格的，那么從現(xiàn)在起，改用Tab吧。
使用空格有二大壞處：1、縮進(jìn)速度慢、修改速度慢。2、增大網(wǎng)頁體積，會(huì)影響速度。
6.不知道何時(shí)該用jpg、何時(shí)使用gif
犯錯(cuò)機(jī)率：一般
普遍性：非常普遍
犯錯(cuò)可能性：對(duì)這個(gè)不了解
呵呵，這個(gè)問題看起來好象很普通，但不懂的人大把的在，你知道什么情況下更應(yīng)該使用jpg，什么情況下更應(yīng)該使用gif嗎？
你是不是想說當(dāng)然是做透明圖的時(shí)候用gif，其他的就用jpg啦！
呵呵。。。，這太顯淺了你必須對(duì)jpg和gif的特性和性質(zhì)有一定的了解才能掌握，并且還得居于實(shí)踐，沒實(shí)踐過，再多理論也是沒有用的。并且還得結(jié)合實(shí)際，結(jié)合實(shí)際的意思是：有時(shí)候你知道用jpg更清晰（理論上），但實(shí)際上使用gif卻會(huì)更適合（這里是指適合，而不是更好）。
也有些人會(huì)說在需要更清晰的質(zhì)量的時(shí)候選擇jpg，其實(shí)也不然，這與要輸出的圖片的尺寸及顏色數(shù)所決定。
對(duì)于這個(gè)問題涉及的方面比較廣，我就懶得打字了。有人會(huì)的可以補(bǔ)充。
出處：織夢幻影
責(zé)任編輯：紅色黑客
◎進(jìn)入論壇網(wǎng)頁制作、網(wǎng)站綜合版塊參加討論
|
