|
 
- UID
- 1
- 帖子
- 738
- 精华
- 28
- 积分
- 14443
- 金币
- 2507
- 威望
- 1647
- 贡献
- 1455
|
1.网页背景色的设置
; C4 X- i" o. `. W/ d" l
; J1 E. i+ u5 A3 K( ], m8 p8 |% \ 犯错机率：很大8 I5 ~ j/ b, t) @5 r: T
普遍性：较广
7 V8 }/ z( h- Z6 ]) z5 u+ p 犯错可能性：懒/不知道
; l; C; S& {9 b
1 w4 W6 G: O+ `- f; B$ L 约2年前我曾发现21cn上出现过一次没有设置背景色的情况，当时我用Email通知了他们，自此之后这个问题我从没犯过。
4 R) A2 ^3 J5 n( E% f4 I5 `5 L, [. {! U! J. m& e
绝大部分人的窗口背景颜色都是白色，但如果象我这样个性的人，就会把windows窗口的背景颜色改成灰色或其他色，这样一来，如果你没有设置网页的背景颜色的话，你以为正常的网页在我的电脑上看起来会是一团糟。# V& e8 h7 U2 I' ?" f
: p9 s. h# [/ h0 ^ 2.Align center（自动居中）的滥用
1 h2 B& ?. ` E4 I/ K) W8 m8 n* a' z. o5 ^2 R/ y
犯错机率：非常大& `' A6 ?( R/ O$ N Y! ^0 {2 ^
普遍性：非常广
7 _9 I" K, Q7 K7 [ 犯错可能性：以为方便/以为好用$ l9 p! I Q8 p6 Q( Z, j! D
$ i% D/ S; I5 f2 u
工作中，修改、维护别人的网页是家常便饭，发现不少人有一个陋习：6 M& l7 ~4 G& e
在表格中的文字或图片，你是这样来令它居中、靠左或靠右过？3 a. V6 W' g. T M! v* G
. t4 i, C' t' Q# ^, r- t2 F
<div align="center">大家好啊！！</div>4 D6 b" ]8 ]4 k% f
<div align="center"><img src="xx.gif"></div>
% ~, l' u5 X. g H) ^6 \: u" p) Q# W% M5 L7 L
当有些表格很多、文字很多、内容分得很细的时候，爱用这种方法（它在DW里的快捷键是Ctrl+Alt+C，FP不知道是什么）的人往往会狂用，惨了，我一碰到这样的网页就头痛，为什么要用那么多<div>来居中呢？tell me why？难道表格没有居中属性吗？为什么要加入这些垃圾代码？特别修改的时候也不能把文字或图片删除了就能自动清除<div align="center">这个代码，还要手工去清除，在复杂点的网页中就会无故地浪费维护者一笔时间。& U5 `- R" a4 c
+ d; p: x5 b. P1 U4 `
建议使用<td align="center">来居中，当需要多重定位的时候，才考虑<div align="center">，因为这个代码并不好处理，所以能用表格代替就用表格替代。1 \* a( t9 u8 Y7 f0 V
. S, u g) Y: n3 g% w/ W
3.重复使用实现相同功能的代码、或杂七杂八的乱套代码7 d. z( v# ]' z* {& ~0 ~0 J4 k
% Q" b8 `, P4 H& }) K
犯错机率：非常普遍6 \& V* v4 n' _
普遍性：非常普遍
2 ^' Q1 n% q2 s3 w 犯错可能性：复杂多样. t' H5 f6 Z+ v
/ U( N8 q) `4 O9 R. L 大家先来看一看下面的代码：
. Z9 M/ i( E6 J6 F7 n7 X. H7 r <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>
% {: f5 |# f0 x" g1 h. Q
! E. z" V5 |' b4 j2 S7 x 我不知道读者有什么感觉，压根我一看到这样的代码就会先自我麻木十来秒，这十来秒目的是为了找一个能表达我的思想感情的词（我？你想反问我吗？sorry~~，我一般不犯，因为我做网页至少有一半以上的时间在浏览代码，代码中多了不该多的东西我一眼就能看出来。）。
! F8 ^1 c- A0 x, E0 w9 [9 [, r. ?# ]; t' W
看看上面的代码，使用了2个class，4个font来定义2个文本，其实这样的问题很多时候是在大家不断的修改中产生的，对代码不熟、或懒查看代码、又或不喜欢查看代码的人犯这些问题特别严重，当然，事实上别人浏览这个网页的时候，是没有任何问题的，但维护的人就…………。
' v0 p6 k9 `# f; Q$ T这些多余的垃圾代码完全是可以省略掉的，其实上面的例子不够严重，更恐怖的我都见过。, B0 T6 B3 J( ?2 _) D
( ~+ w* [+ ~8 Q6 ]/ r; t7 V
另外还有一个问题也要提提的，就是<p>...</p>和<center>...</center>，为什么要用它们呢？tell me why~~，有甚者是这样的：
7 ]' N, i6 S9 j+ }2 c* @ H' o6 R1 F1 }
<td><div align="center" class="css_id">, \6 g) i9 K6 b5 r* z% e
<center>$ l0 I# T' b8 V+ C, \; \
<p align="center"></p>
0 u) I' L& E( _* E) M, {& F< 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>
1 P p+ }' `# E/ [# Y x* j$ X" e9 W3 I1 t5 _4 B0 D8 p; u
看到这样的代码我是会很无奈的（更无奈的是我经常看到，而且必须看），我来简化一下：
! z6 S9 B2 u" x) V< td align="center" class="css_id"><br><font color="#FFA76C" style ="font-size:14px;font-family:隶书">标题</font><br>你觉得这样的代码看起来感觉怎么样呢？</td>
' Z; ?2 h1 d: ]+ u9 d; P8 J6 ~
; K* B- I/ L9 j% Y) ] 是不是看起来觉得这个世界安静了很多？"标题"后面的文字完成可以定义在<td>的class里，就算不用css，再用多一个<.font>也没问题，一样很清爽。
7 o' o1 {! `7 P* S; M& f* L% R8 D" e
4.表格不正确嵌套! D0 E" C+ `" N" ^# D* N
: d) Q9 _" R4 Y 犯错机率：一般- [2 J6 S# E! d2 ^: M+ `
普遍性：普遍
8 {7 }# X9 `) H0 ~* U4 v( J2 X 犯错可能性：对这个不了解
- u; F) c6 ]* D4 e
+ S! q% Y% e5 n5 f$ [/ h 其实这是一个街知巷闻的问题了，但还是不断有人犯，不正确的嵌套表格，可能会令到你被老总叫到办公室里臭骂一顿，会令到你以为正常的网页用ADSL开2、3分钟都开不了。4 B- {9 t2 }: R- |! _/ H
{- l9 r4 C( U4 E5 E; [ 先讲第一个问题，就是在一个大表格里不断地嵌套表格，这样会令到打开网页的速度变慢（虽然说现在的IE改善了这一问题，但还是不建议这样做），另一方面维护、修改也极不方便，一般来说简单的套用是没有问题的，甚至3、4层，但是不要把所有内容都放到一个表格里去。6 {4 ?& z4 J6 {( [
D0 E: M9 |1 C7 T
第二个问题就是在一个大表格里放入所有内容，而其中包括一个免费的计数器代码，嘻嘻，你猜有可能出现什么情况呢？其实也没什么大不了的，最严重的就是你的IE象死机了一样，什么都没显示。解决方法就是把计数器单独放在一个表格里，别和其他内容一起放在同一表格。+ W* l1 ?- Y/ f' [- D
, [( h4 n9 y) t4 `( ?* h
5.写代码缩进的时候，不是使用Tab而是使用空格
7 Q4 f0 A! ^# ?1 B
$ o0 \) ~- \0 G5 j. [$ O 犯错机率：一般
$ d3 Y' i2 l1 p3 G! q1 | 普遍性：较少
) M/ G' d( A6 y# [) B 犯错可能性：不知道Tab更好用, F- E( Y1 j3 K& n
" n! z+ C3 I$ ~) t4 `1 ~ 这一个问题针对js、vbs、asp、php之类，html不能使用Tab会写一点程序的都知道什么叫缩进，怎么样缩进？有人使用空格，有人使用Tab，如果你是使用空格的，那么从现在起，改用Tab吧。
S B m, [* M$ [. I* t
{( |& U5 S4 }4 A+ j 使用空格有二大坏处：1、缩进速度慢、修改速度慢。2、增大网页体积，会影响速度。 |
|
发表于 2008-1-19 23:40
| 