|
 
- UID
- 1
- 帖子
- 738
- 精华
- 28
- 积分
- 14163
- 金币
- 2372
- 威望
- 1647
- 贡献
- 1320
|
1.网页背景色的设置
q& f3 K1 C. F! F, E$ } p" g$ I0 L5 p$ v
犯错机率：很大
1 ^, j& j2 m/ s, l 普遍性：较广
) C( a! c- i/ e3 m; D 犯错可能性：懒/不知道2 A7 r0 H. ?: M* h: b5 {& Z
, a* b- U7 J- X0 J) W 约2年前我曾发现21cn上出现过一次没有设置背景色的情况，当时我用Email通知了他们，自此之后这个问题我从没犯过。( j* m6 w7 c8 g ~" q$ ^
3 q) e a% B+ m( [ 绝大部分人的窗口背景颜色都是白色，但如果象我这样个性的人，就会把windows窗口的背景颜色改成灰色或其他色，这样一来，如果你没有设置网页的背景颜色的话，你以为正常的网页在我的电脑上看起来会是一团糟。
, H% I6 {1 V/ q* F, w
c6 k" H, C E- [4 w. Q 2.Align center（自动居中）的滥用' {- z, h, f2 c8 A* H
0 C. W( t o( l# m1 W6 f
犯错机率：非常大
! c! ]# U, t h! j& d, y( Y: {8 u 普遍性：非常广
3 G9 ?- h' J" _( N 犯错可能性：以为方便/以为好用; v7 j. ?8 v8 `5 f
5 G+ z* W$ C" m
工作中，修改、维护别人的网页是家常便饭，发现不少人有一个陋习：
5 O$ z4 C: N3 Z3 e! P% r 在表格中的文字或图片，你是这样来令它居中、靠左或靠右过？) B1 u L6 x' F# C0 ~6 X# l! T/ K
3 z+ N4 u G: e J. N <div align="center">大家好啊！！</div>+ @$ Z- I4 U) k
<div align="center"><img src="xx.gif"></div>8 L5 p+ u& R" @9 J" V# M& G
^( G$ c& ? O% Q3 O
当有些表格很多、文字很多、内容分得很细的时候，爱用这种方法（它在DW里的快捷键是Ctrl+Alt+C，FP不知道是什么）的人往往会狂用，惨了，我一碰到这样的网页就头痛，为什么要用那么多<div>来居中呢？tell me why？难道表格没有居中属性吗？为什么要加入这些垃圾代码？特别修改的时候也不能把文字或图片删除了就能自动清除<div align="center">这个代码，还要手工去清除，在复杂点的网页中就会无故地浪费维护者一笔时间。8 `" I- e. x: @: {! z
% \) ?. y( a" ^. k: s. ^% } 建议使用<td align="center">来居中，当需要多重定位的时候，才考虑<div align="center">，因为这个代码并不好处理，所以能用表格代替就用表格替代。
! |9 u" }/ X v$ A. ]) P* ^
) w6 v: }7 _, @$ @5 b! t 3.重复使用实现相同功能的代码、或杂七杂八的乱套代码$ s( E' u' e/ f% y L
1 ^ h6 P0 w. F; @
犯错机率：非常普遍
4 L: U; E) R0 P) Z+ |. s 普遍性：非常普遍! {5 Q/ s" w, C+ X- I
犯错可能性：复杂多样
. `3 d0 T( V; ~1 ~* n( X5 ~9 y* u! T- F! I
大家先来看一看下面的代码：6 h0 |7 f# r9 t) M( H
<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>' A8 C6 l9 M: C7 E; V8 N
7 J9 j9 q% ~6 y- j7 X
我不知道读者有什么感觉，压根我一看到这样的代码就会先自我麻木十来秒，这十来秒目的是为了找一个能表达我的思想感情的词（我？你想反问我吗？sorry~~，我一般不犯，因为我做网页至少有一半以上的时间在浏览代码，代码中多了不该多的东西我一眼就能看出来。）。
9 f! }( R$ M, H6 }0 C1 s% G! ~& f, ?& y7 z9 E' J
看看上面的代码，使用了2个class，4个font来定义2个文本，其实这样的问题很多时候是在大家不断的修改中产生的，对代码不熟、或懒查看代码、又或不喜欢查看代码的人犯这些问题特别严重，当然，事实上别人浏览这个网页的时候，是没有任何问题的，但维护的人就…………。
' l% k0 Y9 t) Q6 [5 L这些多余的垃圾代码完全是可以省略掉的，其实上面的例子不够严重，更恐怖的我都见过。
' |2 K% k/ \, a6 u' Y) ?0 j, ]- T0 T
} E/ H9 Q4 J$ G; K0 m 另外还有一个问题也要提提的，就是<p>...</p>和<center>...</center>，为什么要用它们呢？tell me why~~，有甚者是这样的：
4 z k& I) ?# }( V
/ Z! g4 n3 W3 u, x<td><div align="center" class="css_id">+ E4 O+ Q* E) K/ u, o0 d
<center>9 i& ]( J" j$ }
<p align="center"></p>2 b* L- Z) i- m- R1 v1 v
< 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>+ w6 U: g5 r, a( D9 v
6 p/ ]/ Z7 F9 x4 \' d. Z 看到这样的代码我是会很无奈的（更无奈的是我经常看到，而且必须看），我来简化一下：
2 J! V, O' a/ ]# ?< td align="center" class="css_id"><br><font color="#FFA76C" style ="font-size:14px;font-family:隶书">标题</font><br>你觉得这样的代码看起来感觉怎么样呢？</td>$ z, z; J3 ~/ x! ], M
& i P3 |5 Z* R6 E
是不是看起来觉得这个世界安静了很多？"标题"后面的文字完成可以定义在<td>的class里，就算不用css，再用多一个<.font>也没问题，一样很清爽。
# M. Z! {9 M1 A6 F
8 ] h1 G9 \- F& |) K" N) p 4.表格不正确嵌套& l0 p( T, [8 B( y9 X; w" z7 J! Y
# S% u& I0 p9 g+ @; [: F
犯错机率：一般/ Q) ~/ B0 v" ~) n4 ^) O
普遍性：普遍
" [) J4 I4 H `/ J1 ]! D 犯错可能性：对这个不了解' b/ ~) O& \* b; V
" Q/ C, V, b% F
其实这是一个街知巷闻的问题了，但还是不断有人犯，不正确的嵌套表格，可能会令到你被老总叫到办公室里臭骂一顿，会令到你以为正常的网页用ADSL开2、3分钟都开不了。
4 v0 a; S# |+ L! f8 Q) A+ q7 Z' e3 g5 P( ?$ y( _0 F
先讲第一个问题，就是在一个大表格里不断地嵌套表格，这样会令到打开网页的速度变慢（虽然说现在的IE改善了这一问题，但还是不建议这样做），另一方面维护、修改也极不方便，一般来说简单的套用是没有问题的，甚至3、4层，但是不要把所有内容都放到一个表格里去。0 L6 a3 a0 w2 ^; d, Z- g
7 X( d5 o0 B" ]2 e
第二个问题就是在一个大表格里放入所有内容，而其中包括一个免费的计数器代码，嘻嘻，你猜有可能出现什么情况呢？其实也没什么大不了的，最严重的就是你的IE象死机了一样，什么都没显示。解决方法就是把计数器单独放在一个表格里，别和其他内容一起放在同一表格。. {' q8 j! h2 l3 \" V! C n
/ h. J3 @/ V& K% @/ i
5.写代码缩进的时候，不是使用Tab而是使用空格% \* R# z! r( F: S, m9 l
* B/ p1 e( @6 k: K" D( y
犯错机率：一般( K. J6 u/ m- c7 z% Z- ~$ C
普遍性：较少
; U% D* C/ s, T, {3 g+ W! T7 i 犯错可能性：不知道Tab更好用
+ c7 @) i7 H3 H
& ^5 V+ G" W! h p" I) P 这一个问题针对js、vbs、asp、php之类，html不能使用Tab会写一点程序的都知道什么叫缩进，怎么样缩进？有人使用空格，有人使用Tab，如果你是使用空格的，那么从现在起，改用Tab吧。) z2 ?5 S. j% K& P. A+ ~
$ T: ^/ x4 u+ X# g2 i0 w. k$ X
使用空格有二大坏处：1、缩进速度慢、修改速度慢。2、增大网页体积，会影响速度。 |
|
发表于 2008-1-19 23:40
| 