|
 
- UID
- 1
- 帖子
- 738
- 精华
- 28
- 积分
- 14249
- 金币
- 2415
- 威望
- 1647
- 贡献
- 1363
|
1.网页背景色的设置
9 z% i, `' o8 W; n5 \" z
. d: \0 D- ?' x7 { 犯错机率：很大' ]. R# `) V: g( ]. g) ]
普遍性：较广3 R& S% M! n1 h. S$ g* m g
犯错可能性：懒/不知道2 d4 L/ a: r% B4 D1 E
7 i" N% |2 I7 J! e# \; |
约2年前我曾发现21cn上出现过一次没有设置背景色的情况，当时我用Email通知了他们，自此之后这个问题我从没犯过。! K, M# f/ ^& O5 s
2 C8 f6 n4 k# u6 \* H) T; m* v, `# u4 o 绝大部分人的窗口背景颜色都是白色，但如果象我这样个性的人，就会把windows窗口的背景颜色改成灰色或其他色，这样一来，如果你没有设置网页的背景颜色的话，你以为正常的网页在我的电脑上看起来会是一团糟。1 A: k7 k7 k3 K$ }" L
9 N1 R4 l" h" F* E( V X
2.Align center（自动居中）的滥用
- q1 H; C9 Z" ?" B/ |
- k, {3 U7 ^, m7 t. K1 D3 H5 H; F 犯错机率：非常大
' \) J% X: d6 f+ U 普遍性：非常广
2 |0 h2 l+ Z: I+ w6 X) b 犯错可能性：以为方便/以为好用
5 {6 w" k7 @+ v2 t
* N% D- X" l) O9 B' b2 E 工作中，修改、维护别人的网页是家常便饭，发现不少人有一个陋习：
5 {/ a1 L, V" g' Y" c 在表格中的文字或图片，你是这样来令它居中、靠左或靠右过？- f5 j, G3 U2 e4 O& h7 E
' ~' b) f4 h0 R, Q
<div align="center">大家好啊！！</div>( m; ^( D- \6 p V, k
<div align="center"><img src="xx.gif"></div>
8 a: V( I+ z/ x; l/ C4 R; a) s
$ z6 k0 j) Q; E& Q7 c 当有些表格很多、文字很多、内容分得很细的时候，爱用这种方法（它在DW里的快捷键是Ctrl+Alt+C，FP不知道是什么）的人往往会狂用，惨了，我一碰到这样的网页就头痛，为什么要用那么多<div>来居中呢？tell me why？难道表格没有居中属性吗？为什么要加入这些垃圾代码？特别修改的时候也不能把文字或图片删除了就能自动清除<div align="center">这个代码，还要手工去清除，在复杂点的网页中就会无故地浪费维护者一笔时间。/ A8 R4 W8 C3 X; F; @& A6 f8 d
! q+ [. ^3 M. h! y% B 建议使用<td align="center">来居中，当需要多重定位的时候，才考虑<div align="center">，因为这个代码并不好处理，所以能用表格代替就用表格替代。
8 R( i N* {2 X) j' \. e: \) o$ D$ |2 a$ v7 d- m9 K9 L
3.重复使用实现相同功能的代码、或杂七杂八的乱套代码
1 u% `. n) K' p# M* k5 D# A2 S/ T- L
- _. c# I( q: Q 犯错机率：非常普遍
0 ^+ L+ r& U) X2 |# r8 F# l( \ 普遍性：非常普遍& e2 _0 \$ i/ Q0 Y) {% a' V- l
犯错可能性：复杂多样% b' @8 W8 M w
* [; a; h$ F+ K( K. \! K, r
大家先来看一看下面的代码：7 \( d' n) S! j! y# T
<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>9 I% |. \. H# ~3 R, |* R# F
. o' T$ o8 Y6 g/ i4 k: J# d# l 我不知道读者有什么感觉，压根我一看到这样的代码就会先自我麻木十来秒，这十来秒目的是为了找一个能表达我的思想感情的词（我？你想反问我吗？sorry~~，我一般不犯，因为我做网页至少有一半以上的时间在浏览代码，代码中多了不该多的东西我一眼就能看出来。）。" ^% ^2 M8 s3 j: h7 e' F4 N
9 Z/ G6 O% \) S4 I8 R4 h 看看上面的代码，使用了2个class，4个font来定义2个文本，其实这样的问题很多时候是在大家不断的修改中产生的，对代码不熟、或懒查看代码、又或不喜欢查看代码的人犯这些问题特别严重，当然，事实上别人浏览这个网页的时候，是没有任何问题的，但维护的人就…………。0 W- t H) V, d; O
这些多余的垃圾代码完全是可以省略掉的，其实上面的例子不够严重，更恐怖的我都见过。
! z- x# g) l+ I
" ^ y/ }' M0 F: Y4 S1 n 另外还有一个问题也要提提的，就是<p>...</p>和<center>...</center>，为什么要用它们呢？tell me why~~，有甚者是这样的：/ U/ O4 N" I! F' e0 j/ c/ g
+ o! f" q4 T* C7 p
<td><div align="center" class="css_id"> F; q8 Z' q% l+ p8 d
<center>
/ S- F c; `1 {' h<p align="center"></p>9 l5 e/ E/ P/ B, @1 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>
+ t* m* f6 b5 d- F; c5 Q/ u5 l" _4 s1 M) h$ A! L9 _
看到这样的代码我是会很无奈的（更无奈的是我经常看到，而且必须看），我来简化一下：
# e! V( m- M _, a+ p< td align="center" class="css_id"><br><font color="#FFA76C" style ="font-size:14px;font-family:隶书">标题</font><br>你觉得这样的代码看起来感觉怎么样呢？</td>- w7 a* Q; A" B' z$ T7 w
* ^! I2 } o% c, z: e+ |! A4 f 是不是看起来觉得这个世界安静了很多？"标题"后面的文字完成可以定义在<td>的class里，就算不用css，再用多一个<.font>也没问题，一样很清爽。5 T O8 z- C+ @
" p, o9 _ A1 ^: J _ 4.表格不正确嵌套5 y2 f) X2 e# m4 H0 ?% p( w
- w; d! x2 r# \0 e 犯错机率：一般
! T3 P; H3 ], H/ _7 c 普遍性：普遍
, b; ]( l5 z7 Z 犯错可能性：对这个不了解; b: l* B: s6 j
. u" s* X' N# C; }2 V# ~9 M) { [
其实这是一个街知巷闻的问题了，但还是不断有人犯，不正确的嵌套表格，可能会令到你被老总叫到办公室里臭骂一顿，会令到你以为正常的网页用ADSL开2、3分钟都开不了。
; l. T0 s5 l- ^4 ^/ e) N, z# R K0 Y) c7 h* f& c3 S
先讲第一个问题，就是在一个大表格里不断地嵌套表格，这样会令到打开网页的速度变慢（虽然说现在的IE改善了这一问题，但还是不建议这样做），另一方面维护、修改也极不方便，一般来说简单的套用是没有问题的，甚至3、4层，但是不要把所有内容都放到一个表格里去。* F1 Y M( i5 U8 m
3 t/ a8 z! g, _, k) o0 ?9 S
第二个问题就是在一个大表格里放入所有内容，而其中包括一个免费的计数器代码，嘻嘻，你猜有可能出现什么情况呢？其实也没什么大不了的，最严重的就是你的IE象死机了一样，什么都没显示。解决方法就是把计数器单独放在一个表格里，别和其他内容一起放在同一表格。
4 a. T" a, u: {* q& P& t6 |! K1 y* B
5.写代码缩进的时候，不是使用Tab而是使用空格
0 }7 ?) O: {4 X0 A3 n0 Q
. C3 g% G1 p y8 ^ 犯错机率：一般1 J: Z9 \$ `. J4 G9 L6 k; g
普遍性：较少, o* n: E3 `5 W y+ d: p
犯错可能性：不知道Tab更好用6 C" C7 F+ w) p6 f; H3 }
# O- P9 Z2 Y5 W
这一个问题针对js、vbs、asp、php之类，html不能使用Tab会写一点程序的都知道什么叫缩进，怎么样缩进？有人使用空格，有人使用Tab，如果你是使用空格的，那么从现在起，改用Tab吧。
' y6 C5 X. g( h5 J! ~ H. q t, z5 f
$ J5 m4 @3 o$ v3 u) H 使用空格有二大坏处：1、缩进速度慢、修改速度慢。2、增大网页体积，会影响速度。 |
|
发表于 2008-1-19 23:40
| 