|
 
- UID
- 1
- 帖子
- 738
- 精华
- 28
- 积分
- 14387
- 金币
- 2479
- 威望
- 1647
- 贡献
- 1427
|
1.网页背景色的设置
1 P( `) D0 h, ~5 J9 Q/ B2 U' ^
& v" Y' W9 `9 w( A 犯错机率：很大
# L+ w; v& f- z) [/ C4 ~& \7 Q 普遍性：较广, q- Y7 c/ \. k; q% h
犯错可能性：懒/不知道
9 s' `) v& k& k* {
; L4 C2 o' a; h: h. x: V 约2年前我曾发现21cn上出现过一次没有设置背景色的情况，当时我用Email通知了他们，自此之后这个问题我从没犯过。
7 j, L' a. `1 \" W3 a" ^8 n. j, m
绝大部分人的窗口背景颜色都是白色，但如果象我这样个性的人，就会把windows窗口的背景颜色改成灰色或其他色，这样一来，如果你没有设置网页的背景颜色的话，你以为正常的网页在我的电脑上看起来会是一团糟。
+ _9 c* A" } E; ~/ ]4 X8 u9 y' u' P# Z
2.Align center（自动居中）的滥用
/ ?8 y+ B) s/ d& p2 m5 i5 K6 N- q
* [( o4 Z9 t, E6 P' U; E 犯错机率：非常大$ A+ @+ @8 S7 K) g ?1 |& q
普遍性：非常广
! T+ @7 B& a8 f 犯错可能性：以为方便/以为好用
2 M* h; p8 n G, \% g7 ]+ \5 f4 L. x. J- m' o% H
工作中，修改、维护别人的网页是家常便饭，发现不少人有一个陋习：
5 f7 S2 ^1 H8 o* ~7 }6 x 在表格中的文字或图片，你是这样来令它居中、靠左或靠右过？
- I7 N, G: E N4 G8 p0 O/ k* C( N9 G- k
<div align="center">大家好啊！！</div>2 g6 x- M$ W. Q9 {, s& Q5 ?& T* f
<div align="center"><img src="xx.gif"></div>' W. s' }4 r$ T' [8 [0 Y3 { c
2 B2 K# ]5 ~4 z$ q4 N# \( b d( k* c% g 当有些表格很多、文字很多、内容分得很细的时候，爱用这种方法（它在DW里的快捷键是Ctrl+Alt+C，FP不知道是什么）的人往往会狂用，惨了，我一碰到这样的网页就头痛，为什么要用那么多<div>来居中呢？tell me why？难道表格没有居中属性吗？为什么要加入这些垃圾代码？特别修改的时候也不能把文字或图片删除了就能自动清除<div align="center">这个代码，还要手工去清除，在复杂点的网页中就会无故地浪费维护者一笔时间。: G+ E. l0 k! h# o+ ?& P
m# \$ P/ M% A D6 A& L5 z 建议使用<td align="center">来居中，当需要多重定位的时候，才考虑<div align="center">，因为这个代码并不好处理，所以能用表格代替就用表格替代。
+ `) D; F1 X0 f4 E, Z# G) d* }! r& d2 x; x- ?4 f
3.重复使用实现相同功能的代码、或杂七杂八的乱套代码
0 v) U5 P; V8 {5 Z, e, ]' ^. M# C e+ O8 a3 P0 R( n7 L
犯错机率：非常普遍& u# M2 a1 i; o& a
普遍性：非常普遍
6 ]. Y; k% V3 L8 W 犯错可能性：复杂多样
; o/ f( S/ Z$ I% c4 A! @' A& Y
7 Q; t* g2 {# c/ A 大家先来看一看下面的代码：% Y R; O% g( w* O+ }) o& g1 g
<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 ~: r8 n) ?! V4 t2 e# c' \
- c! V ?% ^2 y
我不知道读者有什么感觉，压根我一看到这样的代码就会先自我麻木十来秒，这十来秒目的是为了找一个能表达我的思想感情的词（我？你想反问我吗？sorry~~，我一般不犯，因为我做网页至少有一半以上的时间在浏览代码，代码中多了不该多的东西我一眼就能看出来。）。 O) z* ]: B/ T- |- v2 i5 k
$ A, G- h, G, w3 d8 n1 V
看看上面的代码，使用了2个class，4个font来定义2个文本，其实这样的问题很多时候是在大家不断的修改中产生的，对代码不熟、或懒查看代码、又或不喜欢查看代码的人犯这些问题特别严重，当然，事实上别人浏览这个网页的时候，是没有任何问题的，但维护的人就…………。
( N8 }' c9 D; p; l这些多余的垃圾代码完全是可以省略掉的，其实上面的例子不够严重，更恐怖的我都见过。! S: f$ `5 F! n1 R% y( C! N
7 f/ m4 D6 G8 p5 R: n5 O5 P
另外还有一个问题也要提提的，就是<p>...</p>和<center>...</center>，为什么要用它们呢？tell me why~~，有甚者是这样的：
4 a" c4 { ]8 r4 U' N7 j3 |$ N- I H" E" V* ]4 A6 H* \# n
<td><div align="center" class="css_id">
& j9 U. A3 I1 ]# ~. t+ I, d<center>5 z* [. f* R" i
<p align="center"></p>
) l/ |3 [4 P5 M# A* L; d& [< 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>
6 |' F8 H0 u& w% w& Q! u' c2 a& n: P/ g( d. S- H- M, m- T
看到这样的代码我是会很无奈的（更无奈的是我经常看到，而且必须看），我来简化一下：
" k, y0 b- x' I& D7 n; h< td align="center" class="css_id"><br><font color="#FFA76C" style ="font-size:14px;font-family:隶书">标题</font><br>你觉得这样的代码看起来感觉怎么样呢？</td>6 e3 Q& k1 d1 \
( ^$ ^/ D$ N' @9 v2 q8 Z7 o
是不是看起来觉得这个世界安静了很多？"标题"后面的文字完成可以定义在<td>的class里，就算不用css，再用多一个<.font>也没问题，一样很清爽。
5 A- E: P0 u& ~) |/ @# f
) y9 `" y+ W2 z 4.表格不正确嵌套; l! P; R5 W5 A0 Z& O& h
. Q2 q6 n9 O0 z1 T/ L 犯错机率：一般
0 [: E* H( X; z. I 普遍性：普遍: E/ K3 V1 e6 s3 E- W7 |
犯错可能性：对这个不了解
1 N9 N6 S7 e4 C; T8 S3 ]2 Q( R- I7 F) A2 S- o# N
其实这是一个街知巷闻的问题了，但还是不断有人犯，不正确的嵌套表格，可能会令到你被老总叫到办公室里臭骂一顿，会令到你以为正常的网页用ADSL开2、3分钟都开不了。& D& G) p* k) S" X% R' [0 C' T
: e$ L) W% e6 u+ h 先讲第一个问题，就是在一个大表格里不断地嵌套表格，这样会令到打开网页的速度变慢（虽然说现在的IE改善了这一问题，但还是不建议这样做），另一方面维护、修改也极不方便，一般来说简单的套用是没有问题的，甚至3、4层，但是不要把所有内容都放到一个表格里去。5 \: g4 \% `& p) l4 h
Z, C( _9 g. s' T- S5 O1 s# U' s 第二个问题就是在一个大表格里放入所有内容，而其中包括一个免费的计数器代码，嘻嘻，你猜有可能出现什么情况呢？其实也没什么大不了的，最严重的就是你的IE象死机了一样，什么都没显示。解决方法就是把计数器单独放在一个表格里，别和其他内容一起放在同一表格。& N$ @/ ]+ @* P) H8 I! O5 J
, @" }' y& f* j 5.写代码缩进的时候，不是使用Tab而是使用空格4 j1 B9 r" c/ v9 n& P t7 Z0 M
. j2 ~6 P% N' v/ T3 W; ^7 f' X
犯错机率：一般8 r( B$ ~) R, M$ r0 u/ G
普遍性：较少
9 i+ w# C1 _3 R9 D$ V 犯错可能性：不知道Tab更好用
" `0 ]5 o& q2 G$ |3 V+ g, ?( K
; i, W- I, [: t$ X2 { 这一个问题针对js、vbs、asp、php之类，html不能使用Tab会写一点程序的都知道什么叫缩进，怎么样缩进？有人使用空格，有人使用Tab，如果你是使用空格的，那么从现在起，改用Tab吧。! j) k. v/ ?. U2 ]% f
' t% W* {: l, L: w: Q
使用空格有二大坏处：1、缩进速度慢、修改速度慢。2、增大网页体积，会影响速度。 |
|
发表于 2008-1-19 23:40
| 