网页设计中HTML常犯的五个错误

1.网页背局面的树立 犯错机率：很大 　　一致性：较广 　　犯错大概性：懒/不领会 　　约2年前我曾创造21cn上展示过一次没有树立背局面的情景，其时我用email报告了她们，自此之后这个题目我从没犯过。 　　绝大局部人的窗口后台脸色都是白色，但即使象我如许天性的人，就会把windows窗口的后台脸色改成灰色或其余色，如许一来，即使你没有树立网页的后台脸色的话，你觉得平常的网页在我的电脑上看上去会是一团糟。 　　2.align center（机动居中）的乱用 犯错机率：特殊大 　　一致性：特殊广 　　犯错大概性：觉得简单/觉得好用 处事中，窜改、保护旁人的网页是千载难逢，创造不少人有一个鄙俗： 　　在表格中的笔墨或图片，你是如许来令它居中、靠左或靠右过？ 　　<div align="center">大师好啊！！</div> 　　<div align="center"><img src="http://edu.chinaz.com/get/website/html_css/xx.gif"></div> 当有些表格很多、笔墨很多、实质分得很细的功夫，爱用这种本领（它在dw里的赶快键是ctrl+alt+c，fp不领会是什么）的人常常会狂用，惨了，我一碰到如许的网页就头痛，干什么要用那么多<div>来居中呢？tell me why？莫非表格没有居中属性吗？干什么要介入那些废物代码？更加窜改的功夫也不许把笔墨或图片简略了就能机动废除  倡导运用<td align="center">来居中，当须要多重定位的功夫，才商量<div align="center">，由于这个代码并不好处置，以是能用表格包办就用表格代替。 3.反复运用实行沟通功效的代码、或杂七杂八的乱套代码 犯错机率：特殊一致 　　一致性：特殊一致 　　犯错大概性：搀杂百般 大师先来看一看底下的代码： 　　<center><p><font class="css_id"><font class="font11"><font color="#cccccc"><font color="#ffa76c" style="font-size:14px;font-family:隶字">标 题</font></font></font> </center>你感触如许的代码看上去发觉如何样呢？</font></p> 我不领会读者群有什么发觉，压根我一看到如许的代码就会先自我麻痹十来秒，这十来秒手段是为了找一个能表白我的思维情绪的词（我？你想反诘我吗？sorry~~，我普遍不犯，由于我做网页至罕见一半之上的功夫在欣赏代码，代码中多了不该多的货色我一眼就能看出来。）。 看看上头的代码，运用了2个class，4个font来设置2个文本，本来如许的题目很多功夫是在大师连接的窜改中爆发的，对代码不熟、或懒察看代码、又或不爱好察看代码的人犯那些题目更加重要，固然，究竟上旁人欣赏这个网页的功夫，是没有任何题目的，但保护的人就…………。 那些过剩的废物代码实足是不妨简略掉的，本来上头的例子不够重要，更恐惧的我都见过。 其余再有一个题目也要提提的，即是<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:隶字">标 题</font></font></font> </center></td>你感触如许的代码看上去发觉如何样呢？</font></p></center></div></td> 看到如许的代码我是会很无可奈何的（更无可奈何的是我常常看到，并且必需看），我来简化一下： <td align="center" class="css_id"> <font color="#ffa76c" style="font-size:14px;font-family:隶字">题目</font> 你感触如许的代码看上去发觉如何样呢？</td> 是否看上去感触这个寰球宁静了很多？"题目"反面的笔墨实行不妨设置在<td>的class里，就算不必css，再用多一个<.font>也没题目，一律很分明。 4.表格不精确嵌套 犯错机率：普遍 　　一致性：一致 　　犯错大概性：对这个不领会 本来这是一个街知巷闻的题目了，但仍旧连接有人犯，不精确的嵌套表格，大概会令到你被长官叫到接待室里臭骂一顿，会令到你觉得平常的网页用adsl开2、3秒钟都开不了。 先讲第一个题目，即是在一个大表格里连接地嵌套表格，如许会令到翻开网页的速率变慢（固然说此刻的ie革新了这一题目，但仍旧不倡导如许做），另一上面保护、窜改也极不简单，普遍来说大略的套用是没有题目的，以至3、4层，然而不要把一切实质都放到一个表格里去。 第二个题目即是在一个大表格里放入一切实质，而个中囊括一个免费的计数器代码，嘻嘻，你猜有大概展示什么情景呢？本来也没什么大不了的，最重要的即是你的ie象死机了一律，什么都没表露。处置本领即是把计数器独立放在一个表格里，别和其余实质一道放在同一表格。 5.写代码缩进的功夫，不是运用tab而是运用空格 犯错机率：普遍 　　一致性：较少 　　犯错大概性：不领会tab更好用 这一个题目对准js、vbs、asp、php之类，html不许运用tab会写一点步调的都领会什么叫缩进，如何样缩进？有人运用空格，有人运用tab，即使你是运用空格的，那么从此刻起，改用tab吧。 运用空格有二大缺点：1、缩进速率慢、窜改速率慢。2、增大网页体积，会感化速率。