網(wǎng)站設(shè)計最常見的5個HTML錯誤

網(wǎng)站設(shè)計最常見的5個HTML錯誤
1.網(wǎng)頁背景色的設(shè)置　
犯錯機率：很大　
普遍性：較廣　
犯錯可能性：懶/不知道　
約2年前我曾發(fā)現(xiàn)21cn上出現(xiàn)過一次沒有設(shè)置背景色的情況，當(dāng)時我用Email通知了他們，自此之后這個問題我從沒犯過。　
絕大部分人的窗口背景顏色都是白色，但如果象我這樣個性的人，就會把windows窗口的背景顏色改成灰色或其他色，這樣一來，如果你沒有設(shè)置網(wǎng)頁的背景顏色的話，你以為正常的網(wǎng)頁在我的電腦上看起來會是一團糟?！?br />2.Align　center（自動居中）的濫用　
犯錯機率：非常大　
普遍性：非常廣　
犯錯可能性：以為方便/以為好用　
工作中，修改、維護別人的網(wǎng)頁是家常便飯，發(fā)現(xiàn)不少人有一個陋習(xí)：　
在表格中的文字或圖片，你是這樣來令它居中、靠左或靠右過？　
〈div　align="center">大家好?。?！〈/div>
〈div　align="center">〈img　src="/xx.gif">〈/div>
當(dāng)有些表格很多、文字很多、內(nèi)容分得很細的時候，愛用這種方法（它在DW里的快捷鍵是Ctrl+Alt+C，F(xiàn)P不知道是什么）的人往往會狂用，慘了，我一碰到這樣的網(wǎng)頁就頭痛，為什么要用那么多〈div>來居中呢？tell　me　why？難道表格沒有居中屬性嗎？為什么要加入這些垃圾代碼？特別修改的時候也不能把文字或圖片刪除了就能自動清除　
建議使用〈td　align="center">來居中，當(dāng)需要多重定位的時候，才考慮〈div　align="center">，因為這個代碼并不好處理，所以能用表格代替就用表格替代。

3.重復(fù)使用實現(xiàn)相同功能的代碼、或雜七雜八的亂套代碼　犯錯機率：非常普遍　普遍性：非常普遍　犯錯可能性：復(fù)雜多樣　大家先來看一看下面的代碼：　　〈center>〈p>〈font　>〈font　>〈font　color="#CCCCCC">〈font　color="#FFA76C"　style="font-size:14px;font-family:隸書">標(biāo)　題〈/font>〈/font>〈/font>　〈/center>你覺得這樣的代碼看起來感覺怎么樣呢？〈/font>〈/p>　我不知道讀者有什么感覺，壓根我一看到這樣的代碼就會先自我麻木十來秒，這十來秒目的是為了找一個能表達我的思想感情的詞（我？你想反問我嗎？sorry~~，我一般不犯，因為我做網(wǎng)頁至少有一半以上的時間在瀏覽代碼，代碼中多了不該多的東西我一眼就能看出來。）。　看看上面的代碼，使用了2個class，4個font來定義2個文本，其實這樣的問題很多時候是在大家不斷的修改中產(chǎn)生的，對代碼不熟、或懶查看代碼、又或不喜歡查看代碼的人犯這些問題特別嚴(yán)重，當(dāng)然，事實上別人瀏覽這個網(wǎng)頁的時候，是沒有任何問題的，但維護的人就…………?！∵@些多余的垃圾代碼完全是可以省略掉的，其實上面的例子不夠嚴(yá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:隸書">標(biāo)　題〈/font>〈/font>〈/font>　
〈/center>〈/td>你覺得這樣的代碼看起來感覺怎么樣呢？〈/font>〈/p>〈/center>〈/div>〈/td>　看到這樣的代碼我是會很無奈的（更無奈的是我經(jīng)常看到，而且必須看），我來簡化一下：　　〈td　align="center"　>　
〈font　color="#FFA76C"　style="font-size:14px;font-family:隸書">標(biāo)題〈/font>　你覺得這樣的代碼看起來感覺怎么樣呢？〈/td>　是不是看起來覺得這個世界安靜了很多？"標(biāo)題"后面的文字完成可以定義在〈td>的class里，就算不用css，再用多一個〈.font>也沒問題，一樣很清爽?！?.表格不正確嵌套　犯錯機率：一般　普遍性：普遍　犯錯可能性：對這個不了解　其實這是一個街知巷聞的問題了，但還是不斷有人犯，不正確的嵌套表格，可能會令到你被老總叫到辦公室里臭罵一頓，會令到你以為正常的網(wǎng)頁用ADSL開2、3分鐘都開不了?！∠戎v第一個問題，就是在一個大表格里不斷地嵌套表格，這樣會令到打開網(wǎng)頁的速度變慢（雖然說現(xiàn)在的IE改善了這一問題，但還是不建議這樣做），另一方面維護、修改也極不方便，一般來說簡單的套用是沒有問題的，甚至3、4層，但是不要把所有內(nèi)容都放到一個表格里去?！〉诙€問題就是在一個大表格里放入所有內(nèi)容，而其中包括一個免費的計數(shù)器代碼，嘻嘻，你猜有可能出現(xiàn)什么情況呢？其實也沒什么大不了的，最嚴(yán)重的就是你的IE象死機了一樣，什么都沒顯示。解決方法就是把計數(shù)器單獨放在一個表格里，別和其他內(nèi)容一起放在同一表格。　5.寫代碼縮進的時候，不是使用Tab而是使用空格　犯錯機率：一般　普遍性：較少　犯錯可能性：不知道Tab更好用　

文章題目：網(wǎng)站設(shè)計最常見的5個HTML錯誤
當(dāng)前路徑：http://www.bm7419.com/news/49696.html

網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián)，是專注品牌與效果的網(wǎng)站制作，網(wǎng)絡(luò)營銷seo公司；服務(wù)項目有網(wǎng)站設(shè)計等

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)