|
 
- UID
- 1
- 帖子
- 738
- 精华
- 28
- 积分
- 14249
- 金币
- 2415
- 威望
- 1647
- 贡献
- 1363
|
1.网页背景色的设置
* x( f2 a5 b2 K8 W
1 i: K" x( q! Y" _9 u) m- a 犯错机率：很大
, A% @$ q3 n+ ~+ `9 T 普遍性：较广
& ~* a b: z0 D9 | _ 犯错可能性：懒/不知道
2 x& Q+ {2 D: s
6 o* X2 @$ I; s/ { B# n 约2年前我曾发现21cn上出现过一次没有设置背景色的情况，当时我用Email通知了他们，自此之后这个问题我从没犯过。
: B2 @3 ^& V& ]
2 `" j% M( w6 F* ]7 U 绝大部分人的窗口背景颜色都是白色，但如果象我这样个性的人，就会把windows窗口的背景颜色改成灰色或其他色，这样一来，如果你没有设置网页的背景颜色的话，你以为正常的网页在我的电脑上看起来会是一团糟。
3 z/ g6 M C3 b, s5 [" H2 ?8 F% y# W3 ?1 D* P0 U# k; D- J& C8 Z" w3 ^- l
2.Align center（自动居中）的滥用2 k7 H+ B1 m0 Z! n) i4 r) m; n
5 L1 k) W& l; V" F9 }- D 犯错机率：非常大
6 b; K2 ]$ G# [) _" @ 普遍性：非常广
4 Y' O3 [, F0 c 犯错可能性：以为方便/以为好用% f, k- Z: a( L6 i3 r7 m9 z3 }
4 o- i& O! H& `; Y7 ?
工作中，修改、维护别人的网页是家常便饭，发现不少人有一个陋习：
; Q% n1 d( W$ I5 y( w. T" h5 Q z2 O 在表格中的文字或图片，你是这样来令它居中、靠左或靠右过？
0 p. f* e* Q" Z, D, x3 W/ E
, r/ A- V2 P/ a5 q5 N5 G* M" A% S* Z <div align="center">大家好啊！！</div>7 w3 d& \- w& q
<div align="center"><img src="xx.gif"></div>
5 |, `; y5 N# y5 K7 }* w/ m# Y9 f
" { l) Q! c3 b- X3 y3 e/ Y 当有些表格很多、文字很多、内容分得很细的时候，爱用这种方法（它在DW里的快捷键是Ctrl+Alt+C，FP不知道是什么）的人往往会狂用，惨了，我一碰到这样的网页就头痛，为什么要用那么多<div>来居中呢？tell me why？难道表格没有居中属性吗？为什么要加入这些垃圾代码？特别修改的时候也不能把文字或图片删除了就能自动清除<div align="center">这个代码，还要手工去清除，在复杂点的网页中就会无故地浪费维护者一笔时间。
* k# g. X# N7 S0 p" t, j. ]$ v# z4 u1 B. \0 r4 P9 j( W3 r: k* D
建议使用<td align="center">来居中，当需要多重定位的时候，才考虑<div align="center">，因为这个代码并不好处理，所以能用表格代替就用表格替代。% {3 V6 x! a" g: c8 ~$ H
0 N0 \5 s; J/ A( L& P8 Q0 U
3.重复使用实现相同功能的代码、或杂七杂八的乱套代码
( _) ^+ y+ r1 {2 I! a7 P. _3 l# [8 ], ~; J
犯错机率：非常普遍: d: M# H2 V8 i
普遍性：非常普遍
% M+ G9 J5 q" U. i& B0 K 犯错可能性：复杂多样7 i J' o! e$ q' J- M
4 c( B' N% N. A& M7 J 大家先来看一看下面的代码：
5 R$ e+ R7 u! F& z' q- j <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>
2 |* X2 |' O3 \% f$ K8 G, ~% y; u" L7 b4 c
我不知道读者有什么感觉，压根我一看到这样的代码就会先自我麻木十来秒，这十来秒目的是为了找一个能表达我的思想感情的词（我？你想反问我吗？sorry~~，我一般不犯，因为我做网页至少有一半以上的时间在浏览代码，代码中多了不该多的东西我一眼就能看出来。）。
7 r% h: M' _) {0 D1 J7 v9 a' \+ _% Q7 Q% n8 C
看看上面的代码，使用了2个class，4个font来定义2个文本，其实这样的问题很多时候是在大家不断的修改中产生的，对代码不熟、或懒查看代码、又或不喜欢查看代码的人犯这些问题特别严重，当然，事实上别人浏览这个网页的时候，是没有任何问题的，但维护的人就…………。% _" e: K7 e F7 w) T. W
这些多余的垃圾代码完全是可以省略掉的，其实上面的例子不够严重，更恐怖的我都见过。" X2 `) z1 o" H! E
: P/ N/ C0 K w8 ~
另外还有一个问题也要提提的，就是<p>...</p>和<center>...</center>，为什么要用它们呢？tell me why~~，有甚者是这样的：! ^, {: y1 U) ]0 l! Z! k @
0 q! h. e1 ~8 ?( h( H( F9 A
<td><div align="center" class="css_id"># Z& z3 J. ~9 c, H: ` `
<center>; d+ N" P% T& u7 P: Q$ |' p
<p align="center"></p>
+ @9 s( }$ V# X. M4 \2 p5 E< 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>
# [& h5 e$ b/ R4 C9 G: D& O# ]/ e ^/ }6 ?: P
看到这样的代码我是会很无奈的（更无奈的是我经常看到，而且必须看），我来简化一下：
$ S1 n& l, q3 w" `/ [< td align="center" class="css_id"><br><font color="#FFA76C" style ="font-size:14px;font-family:隶书">标题</font><br>你觉得这样的代码看起来感觉怎么样呢？</td># j+ [+ X' }" e5 t0 R% l3 C
4 D: n9 h7 p' B" s/ r+ z& q9 e 是不是看起来觉得这个世界安静了很多？"标题"后面的文字完成可以定义在<td>的class里，就算不用css，再用多一个<.font>也没问题，一样很清爽。+ u5 U% a7 d$ t; {
5 V3 c, p+ z. z% J 4.表格不正确嵌套
' P3 _( t* r) A' s" h1 ` \- J" z
# N0 |* ^% s7 I 犯错机率：一般
6 Q7 C% d! M5 d( n$ ] 普遍性：普遍
. t4 H, [3 v" @$ @ 犯错可能性：对这个不了解" ^0 O8 K4 s0 Y2 ]- L2 H4 h
6 k" J4 u1 ], s# X- u 其实这是一个街知巷闻的问题了，但还是不断有人犯，不正确的嵌套表格，可能会令到你被老总叫到办公室里臭骂一顿，会令到你以为正常的网页用ADSL开2、3分钟都开不了。7 g: a) z3 M8 V; A8 j2 v
+ h/ A1 U) w& k# i 先讲第一个问题，就是在一个大表格里不断地嵌套表格，这样会令到打开网页的速度变慢（虽然说现在的IE改善了这一问题，但还是不建议这样做），另一方面维护、修改也极不方便，一般来说简单的套用是没有问题的，甚至3、4层，但是不要把所有内容都放到一个表格里去。$ ]+ A7 g! d9 o) F" p+ x9 x
6 i, P- ]0 t& U 第二个问题就是在一个大表格里放入所有内容，而其中包括一个免费的计数器代码，嘻嘻，你猜有可能出现什么情况呢？其实也没什么大不了的，最严重的就是你的IE象死机了一样，什么都没显示。解决方法就是把计数器单独放在一个表格里，别和其他内容一起放在同一表格。
* ^6 W/ Q' `& J' p/ ^
8 H. A. B$ r2 [# D 5.写代码缩进的时候，不是使用Tab而是使用空格& {* Q$ s6 x/ @# S
" N" Y# [5 P3 Q 犯错机率：一般5 w! W& w$ c u% p6 @
普遍性：较少
- g+ ^4 B* b7 @, m& ] 犯错可能性：不知道Tab更好用
. y C3 K; n7 r; O& V; O$ q8 Z* m
9 C$ H/ n( D/ ?+ c h, D 这一个问题针对js、vbs、asp、php之类，html不能使用Tab会写一点程序的都知道什么叫缩进，怎么样缩进？有人使用空格，有人使用Tab，如果你是使用空格的，那么从现在起，改用Tab吧。
5 F6 s5 q$ k# j3 b/ w& q9 @
9 C' y0 d) ?0 _ 使用空格有二大坏处：1、缩进速度慢、修改速度慢。2、增大网页体积，会影响速度。 |
|
发表于 2008-1-19 23:40
| 