網頁設計中HTML常會出現的五個錯誤

1.网页背景色的设置

　　犯错机率：很大

　　普遍性：较广

　　犯错可能性：懒/不知道

　　约2年前我曾发现21cn上出现过一次没有设置背景色的情况，当时我用Email通知了他们，自此之后这个问题我从没犯过。

　　绝大部分人的窗口背景颜色都是白色，但如果象我这样个性的人，就会把windows窗口的背景颜色改成灰色或其他色，这样一来，如果你没有设置网页的背景颜色的话，你以为正常的网页在我的电脑上看起来会是一团糟。

　　2.Align center（自动居中）的滥用

　　犯错机率：非常大

　　普遍性：非常广

　　犯错可能性：以为方便/以为好用

　　工作中，修改、维护别人的网页是家常便饭，发现不少人有一个陋习：

　　在表格中的文字或图片，你是这样来令它居中、靠左或靠右过？

　　

大家好啊！！

 
　　

　　当有些表格很多、文字很多、内容分得很细的时候，爱用这种方法（它在DW里的快捷键是Ctrl+Alt+C，FP不知道是什么）的人往往会狂用，惨了，我一碰到这样的网页就头痛，为什么要用那么多

来居中呢？tell me why？难道表格没有居中属性吗？为什么要加入这些垃圾代码？特别修改的时候也不能把文字或图片删除了就能自动清除

建议使用来居中，当需要多重定位的时候，才考虑

，因为这个代码并不好处理，所以能用表格代替就用表格替代。

　　3.重复使用实现相同功能的代码、或杂七杂八的乱套代码 
　　
　　犯错机率：非常普遍

　　普遍性：非常普遍

　　犯错可能性：复杂多样

　　大家先来看一看下面的代码： 
　　

标 题 

你觉得这样的代码看起来感觉怎么样呢？

　　我不知道读者有什么感觉，压根我一看到这样的代码就会先自我麻木十来秒，这十来秒目的是为了找一个能表达我的思想感情的词（我？你想反问我吗？sorry~~，我一般不犯，因为我做网页至少有一半以上的时间在浏览代码，代码中多了不该多的东西我一眼就能看出来。）。

　　看看上面的代码，使用了2个class，4个font来定义2个文本，其实这样的问题很多时候是在大家不断的修改中产生的，对代码不熟、或懒查看代码、又或不喜欢查看代码的人犯这些问题特别严重，当然，事实上别人浏览这个网页的时候，是没有任何问题的，但维护的人就…………。 
这些多余的垃圾代码完全是可以省略掉的，其实上面的例子不够严重，更恐怖的我都见过。

　　另外还有一个问题也要提提的，就是

...

和...，为什么要用它们呢？tell me why~~，有甚者是这样的：

　　

 
　　 
　　

 
　　

标 题 

你觉得这样的代码看起来感觉怎么样呢？

　　看到這樣的代碼我是會很無奈的（更無奈的是我經常看到，而且必須看），我來簡化一下： 
　　

 
　　標題 
　　你覺得這樣的程式碼看起來感覺怎麼樣？

　　是不是看起來覺得這個世界安靜了很多？ "標題"後面的文字完成可以定義在

的class裡，就算不用css，再用多一個<.font>也沒問題，一樣很清爽。

　　4.表格不正確嵌套

　　犯錯機率：一般

　　普遍性：普遍

　　犯錯的可能性：對這個問題是不死了，不正確的嵌套表格，可能會​​令到你被老總叫到辦公室裡臭罵一頓，會令到你以為正常的網頁用ADSL開2、3分鐘都開不了。 先講第一個問題，就是在一個大表格裡不斷地嵌套表格，這樣會令到打開網頁的速度變慢（雖然說現在的IE改善了這一問題，但還是不建議這樣做），另一方面維護、修改也極不方便，一般來說簡單的套用是沒有問題的，甚至3、4層，但是不要把所有內容都放到一個表格裡去。 第二個問題就是在一個大表格裡放入所有內容，而其中包括一個免費的計數器代碼，嘻嘻，你猜有可能出現什麼情況呢？其實也沒什麼大不了的，最嚴重的就是你的IE象死機了一樣，什麼都沒顯示。解決方法就是把計數器單獨放在一個表格裡，別和其他內容一起放在同一表格裡。

　　5.寫程式碼縮排的時候，不是使用Tab而是使用空格

　　犯錯機率：一般

　　普遍性：較少

　犯錯〦〜用錯誤：針對一個錯誤和錯誤。 、vbs、asp、php之類，html不能用Tab會寫一點程式的都知道什麼叫縮排，怎麼樣縮排？有人使用空格，有人使用Tab，如果你是使用空格的，那麼從現在起，改用Tab吧。

天極yesky

 以上就是網頁設計中HTML常會出現的五個錯誤的內容，更多相關文章請關注PHP中文網（www.php.cn）！

本網站聲明

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn

熱AI工具

Undresser.AI Undress

人工智慧驅動的應用程序，用於創建逼真的裸體照片

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

免費脫衣圖片

Clothoff.io

AI脫衣器

Video Face Swap

使用我們完全免費的人工智慧換臉工具，輕鬆在任何影片中換臉！

顯示更多

熱門文章

刺客信條陰影：貝殼謎語解決方案

1 個月前 By DDD

Windows 11 KB5054979中的新功能以及如何解決更新問題

3 週前 By DDD

在哪裡可以找到原子中的起重機控制鑰匙卡

1 個月前 By DDD

如何修復KB5055523無法在Windows 11中安裝？

2 週前 By DDD

Inzoi：如何申請學校和大學

3 週前 By DDD

顯示更多

熱工具

記事本++7.3.1

好用且免費的程式碼編輯器

SublimeText3漢化版

中文版，非常好用

禪工作室 13.0.1

強大的PHP整合開發環境

Dreamweaver CS6

視覺化網頁開發工具

SublimeText3 Mac版

神級程式碼編輯軟體(SublimeText3)

顯示更多

熱門話題

gmail信箱登陸入口在哪裡

7781

15

Java教學

1644

14

CakePHP 教程

1399

52

Laravel 教程

1296

25

PHP教程

1234

29

顯示更多