) D0 @) _6 n! s z$ M' | 犯错机率：很大 . [# v" T3 h8 |% c 普遍性：较广 0 {3 J+ f2 Y/ e! {8 }% y2 V 犯错可能性：懒/不知道9 u4 X8 C+ z+ L
9 W3 p& h W* ]% Z! V8 f
约2年前我曾发现21cn上出现过一次没有设置背景色的情况，当时我用Email通知了他们，自此之后这个问题我从没犯过。 ! P ]. Y' B- ]5 F0 C4 G: ~ ! t. o" r; b+ d' V; R 绝大部分人的窗口背景颜色都是白色，但如果象我这样个性的人，就会把windows窗口的背景颜色改成灰色或其他色，这样一来，如果你没有设置网页的背景颜色的话，你以为正常的网页在我的电脑上看起来会是一团糟。 3 G) w" n- Z- P- S) f7 A& ]% h! N) N " O& R/ l4 i2 I" f- @# g% N) j, p 2.Align center（自动居中）的滥用 & i1 v* H: ^0 [6 d5 d9 C " @$ t \. {2 n 犯错机率：非常大! \* m$ r3 w! P5 W
普遍性：非常广* @3 Z: A7 O6 L* ^. L3 E
犯错可能性：以为方便/以为好用( Q. p8 e8 K' V
' `- Z# z: x( B$ r+ \( l+ b 工作中，修改、维护别人的网页是家常便饭，发现不少人有一个陋习：1 x% J& Y3 g4 {! y$ y& ]6 Q, v
在表格中的文字或图片，你是这样来令它居中、靠左或靠右过？/ h5 ]. z0 P, M' Y2 p$ n3 K
% s2 l* R; L, F0 Y
<div align="center">大家好啊！！</div> ( I7 M, f: a! N7 N: ? <div align="center"><img src="xx.gif"></div>- g R0 w/ {7 I9 p
8 y* G. b6 @3 |( M1 G& S 当有些表格很多、文字很多、内容分得很细的时候，爱用这种方法（它在DW里的快捷键是Ctrl+Alt+C，FP不知道是什么）的人往往会狂用，惨了，我一碰到这样的网页就头痛，为什么要用那么多<div>来居中呢？tell me why？难道表格没有居中属性吗？为什么要加入这些垃圾代码？特别修改的时候也不能把文字或图片删除了就能自动清除<div align="center">这个代码，还要手工去清除，在复杂点的网页中就会无故地浪费维护者一笔时间。 4 k/ p% H& R3 P" U, k: B / g8 F, ?$ O. d- j 建议使用<td align="center">来居中，当需要多重定位的时候，才考虑<div align="center">，因为这个代码并不好处理，所以能用表格代替就用表格替代。 $ E. p; M! K9 ~% d) v6 B1 U$ `% q% ]1 I
3.重复使用实现相同功能的代码、或杂七杂八的乱套代码 2 C8 g5 o0 u6 P& W; [/ U ( E( x- h" L5 ]1 B# g) S: b* m4 o 犯错机率：非常普遍 $ d1 M1 y: w5 b7 f# E# l6 y! G 普遍性：非常普遍 . `; {5 v; V; d4 M1 G 犯错可能性：复杂多样 $ {; X4 |$ F3 D) ~' P8 z1 q$ A+ }$ W7 B3 R
大家先来看一看下面的代码：" ]+ e4 B7 C8 W2 O! ~
<center><p><font class="css_id"><font class="font11"> <font color="#CCCCCC"><font color="#FFA76C" style="font-size:14px; font-family:隶书">标 题</font></font></font><br> </center>你觉得这样的代码看起来感觉怎么样呢？</font></p> $ N" m" D0 {, ?& }) |+ d) H1 @- I- h' ~/ W) o+ M
我不知道读者有什么感觉，压根我一看到这样的代码就会先自我麻木十来秒，这十来秒目的是为了找一个能表达我的思想感情的词（我？你想反问我吗？sorry~~，我一般不犯，因为我做网页至少有一半以上的时间在浏览代码，代码中多了不该多的东西我一眼就能看出来。）。 4 M3 @6 J: X2 I, d9 q ! c' M6 o1 w% G2 w. Y) ? 看看上面的代码，使用了2个class，4个font来定义2个文本，其实这样的问题很多时候是在大家不断的修改中产生的，对代码不熟、或懒查看代码、又或不喜欢查看代码的人犯这些问题特别严重，当然，事实上别人浏览这个网页的时候，是没有任何问题的，但维护的人就…………。: W8 l( |) Z( v' A7 ^+ t+ [
这些多余的垃圾代码完全是可以省略掉的，其实上面的例子不够严重，更恐怖的我都见过。 6 L- X" N3 ]' Q 2 u& q/ [3 n( p& W' |. D 另外还有一个问题也要提提的，就是<p>...</p>和<center>...</center>，为什么要用它们呢？tell me why~~，有甚者是这样的：% T' B- L, m6 [% c
# i+ W, d4 y C P<td><div align="center" class="css_id">) G6 s/ Q) C! _9 J; x
<center>' C X* m& W4 k1 Z
<p align="center"></p> 7 t0 \; t8 ~" O: O! u6 o, S6 w# }# H- G, U< 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><br> </center></td>你觉得这样的代码看起来感觉怎么样呢？</font></p>< /center></div></td> 0 \ L4 @1 t* y6 } . M/ `; w9 d2 m' L5 u 看到这样的代码我是会很无奈的（更无奈的是我经常看到，而且必须看），我来简化一下：1 n; |5 f( l b {, m3 z2 g
< td align="center" class="css_id"><br><font color="#FFA76C" style ="font-size:14px;font-family:隶书">标题</font><br>你觉得这样的代码看起来感觉怎么样呢？</td> $ h0 T9 a: e8 ?# r) L7 `# n4 B" n7 A% E. J
是不是看起来觉得这个世界安静了很多？"标题"后面的文字完成可以定义在<td>的class里，就算不用css，再用多一个<.font>也没问题，一样很清爽。1 B- k/ |+ C; q! j; H) x9 N# }
3 R6 B4 ^; K4 Q0 F& U3 n0 N/ v
4.表格不正确嵌套 * C0 c% W/ G# r. O v" @( ] D: ` e5 L
犯错机率：一般 3 w7 I( j2 j* ~, A 普遍性：普遍 / |' M; @, x- y. [# U. u- T. u$ Y 犯错可能性：对这个不了解: ]) }4 T1 t( x7 ^. |5 K. t
( s5 q" c4 O' t 其实这是一个街知巷闻的问题了，但还是不断有人犯，不正确的嵌套表格，可能会令到你被老总叫到办公室里臭骂一顿，会令到你以为正常的网页用ADSL开2、3分钟都开不了。; I V m% S3 X j& l0 C# z1 Z
; q& e0 s1 _: \- ]6 W. y 先讲第一个问题，就是在一个大表格里不断地嵌套表格，这样会令到打开网页的速度变慢（虽然说现在的IE改善了这一问题，但还是不建议这样做），另一方面维护、修改也极不方便，一般来说简单的套用是没有问题的，甚至3、4层，但是不要把所有内容都放到一个表格里去。! z. \7 W( _& a6 \' z
( k# B1 |0 ^3 j- c6 d 第二个问题就是在一个大表格里放入所有内容，而其中包括一个免费的计数器代码，嘻嘻，你猜有可能出现什么情况呢？其实也没什么大不了的，最严重的就是你的IE象死机了一样，什么都没显示。解决方法就是把计数器单独放在一个表格里，别和其他内容一起放在同一表格。6 K& j* V2 m1 r
! k% \+ I! S5 u 5.写代码缩进的时候，不是使用Tab而是使用空格 # t: H- I& v- M" j$ S: s ( \. E0 Q) [9 J' S# _+ A' g 犯错机率：一般% e8 m. Q. N1 V( Q6 C* }- H
普遍性：较少 ( k) Y2 k8 T3 _+ z 犯错可能性：不知道Tab更好用' H/ f: E8 D0 B2 k+ y9 m u
, h$ k* b$ g* v5 P
这一个问题针对js、vbs、asp、php之类，html不能使用Tab会写一点程序的都知道什么叫缩进，怎么样缩进？有人使用空格，有人使用Tab，如果你是使用空格的，那么从现在起，改用Tab吧。( Q* u+ D) m6 A: E
& m }& m! `# `7 @: M8 n8 R% P4 o9 H 使用空格有二大坏处：1、缩进速度慢、修改速度慢。2、增大网页体积，会影响速度。
