網(wǎng)站建設中常見(jiàn)的幾個(gè)HTML錯誤發(fā)布者：本站     時(shí)間：2021-02-05 19:02:22

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

犯錯機率：很大

普遍性：較廣

犯錯可能性：懶/不知道

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

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

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

犯錯機率：非常大

普遍性：非常廣

犯錯可能性：以為方便/以為好用

工作中，修改、維護別人的網(wǎng)頁(yè)是家常便飯，發(fā)現不少人有一個(gè)陋習：

在表格中的文字或圖片，你是這樣來(lái)令它居中、靠左或靠右過(guò)？

〈div　align="center">大家好?。?！〈/div>
〈div　align="center">〈img　src="/xx.gif">〈/div>

當有些表格很多、文字很多、內容分得很細的時(shí)候，愛(ài)用這種方法（它在DW里的快捷鍵是Ctrl+Alt+C，FP不知道是什么）的人往往會(huì )狂用，慘了，我一碰到這樣的網(wǎng)頁(yè)就頭痛，為什么要用那么多〈div>來(lái)居中呢？tell　me　why？難道表格沒(méi)有居中屬性嗎？為什么要加入這些垃圾代碼？特別修改的時(shí)候也不能把文字或圖片刪除了就能自動(dòng)清除

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

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

犯錯機率：非常普遍

普遍性：非常普遍

犯錯可能性：復雜多樣

大家先來(lái)看一看下面的代碼：

〈center>〈p>〈font　>〈font　>〈font　color="#CCCCCC">〈font　color="#FFA76C"　style="font-size:14px;font-family:隸書(shū)">標　題〈/font>〈/font>〈/font>

〈/center>你覺(jué)得這樣的代碼看起來(lái)感覺(jué)怎么樣呢？〈/font>〈/p>

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

看看上面的代碼，使用了2個(gè)class，4個(gè)font來(lái)定義2個(gè)文本，其實(shí)這樣的問(wèn)題很多時(shí)候是在大家不斷的修改中產(chǎn)生的，對代碼不熟、或懶查看代碼、又或不喜歡查看代碼的人犯這些問(wèn)題特別嚴重，當然，事實(shí)上別人瀏覽這個(gè)網(wǎng)頁(yè)的時(shí)候，是沒(méi)有任何問(wèn)題的，但維護的人就…………。

這些多余的垃圾代碼完全是可以省略掉的，其實(shí)上面的例子不夠嚴重，更恐怖的我都見(jiàn)過(guò)。

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

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

看到這樣的代碼我是會(huì )很無(wú)奈的（更無(wú)奈的是我經(jīng)?？吹?，而且必須看），我來(lái)簡(jiǎn)化一下：

〈td　align="center"　>
〈font　color="#FFA76C"　style="font-size:14px;font-family:隸書(shū)">標題〈/font>

你覺(jué)得這樣的代碼看起來(lái)感覺(jué)怎么樣呢？〈/td>

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

4.表格不正確嵌套

犯錯機率：一般

普遍性：普遍

犯錯可能性：對這個(gè)不了解

其實(shí)這是一個(gè)街知巷聞的問(wèn)題了，但還是不斷有人犯，不正確的嵌套表格，可能會(huì )令到你被老總叫到辦公室里臭罵一頓，會(huì )令到你以為正常的網(wǎng)頁(yè)用ADSL開(kāi)2、3分鐘都開(kāi)不了?！∠戎v第一個(gè)問(wèn)題，就是在一個(gè)大表格里不斷地嵌套表格，這樣會(huì )令到打開(kāi)網(wǎng)頁(yè)的速度變慢（雖然說(shuō)現在的IE改善了這一問(wèn)題，但還是不建議這樣做），另一方面維護、修改也極不方便，一般來(lái)說(shuō)簡(jiǎn)單的套用是沒(méi)有問(wèn)題的，甚至3、4層，但是不要把所有內容都放到一個(gè)表格里去?！〉诙€(gè)問(wèn)題就是在一個(gè)大表格里放入所有內容，而其中包括一個(gè)免費的計數器代碼，嘻嘻，你猜有可能出現什么情況呢？其實(shí)也沒(méi)什么大不了的，最嚴重的就是你的IE象死機了一樣，什么都沒(méi)顯示。解決方法就是把計數器單獨放在一個(gè)表格里，別和其他內容一起放在同一表格。

5.寫(xiě)代碼縮進(jìn)的時(shí)候，不是使用Tab而是使用空格

犯錯機率：一般

普遍性：較少

犯錯可能性：不知道Tab更好用

這一個(gè)問(wèn)題針對js、vbs、asp、php之類(lèi)，html不能使用Tab會(huì )寫(xiě)一點(diǎn)程序的都知道什么叫縮進(jìn)，怎么樣縮進(jìn)？有人使用空格，有人使用Tab，如果你是使用空格的，那么從現在起，改用Tab吧。