|
 
- UID
- 1
- 帖子
- 738
- 精华
- 28
- 积分
- 14325
- 金币
- 2448
- 威望
- 1647
- 贡献
- 1396
|
1.网页背景色的设置 . ~" b- P$ V4 Q: k
$ f( R; e4 \& f( _, {. d F
犯错机率：很大
2 P) w( `/ S. `( \* \! Q5 ` 普遍性：较广
' U" v0 @3 K9 {0 e 犯错可能性：懒/不知道% A; }, @" W' E1 y. E3 K* Z
3 V4 t# ?; v7 v- B5 I3 K1 n* Y
约2年前我曾发现21cn上出现过一次没有设置背景色的情况，当时我用Email通知了他们，自此之后这个问题我从没犯过。( i" s" W* @' w3 J s3 L d
2 B* b. D9 O( z4 a3 A! o8 y 绝大部分人的窗口背景颜色都是白色，但如果象我这样个性的人，就会把windows窗口的背景颜色改成灰色或其他色，这样一来，如果你没有设置网页的背景颜色的话，你以为正常的网页在我的电脑上看起来会是一团糟。$ f* P+ z+ U/ R* V' v8 x! n
7 y: X3 p, F+ s. e/ H+ ~* Y5 \0 d 2.Align center（自动居中）的滥用+ t$ p) ?* ^) W9 b" Y; n a
: r" Z( ~5 K" H5 F 犯错机率：非常大1 ?) K, w: x5 w; R
普遍性：非常广; R5 \, T8 z S/ I8 K8 T4 E5 Q2 J7 A
犯错可能性：以为方便/以为好用
. H/ r+ V, \9 ]! s
# {$ I9 B/ g/ I" J3 P1 _ 工作中，修改、维护别人的网页是家常便饭，发现不少人有一个陋习：) {# B4 }& E/ ? X
在表格中的文字或图片，你是这样来令它居中、靠左或靠右过？
* l; h! i) B1 Q0 X' R6 H# W4 {) G# b5 V' Z: v+ l; K+ n
<div align="center">大家好啊！！</div>1 e; O4 X- c5 N2 Q o+ y4 d
<div align="center"><img src="xx.gif"></div>! d- z+ S, o% x7 }9 D% I4 J5 U
% N, ~+ i# [3 ^
当有些表格很多、文字很多、内容分得很细的时候，爱用这种方法（它在DW里的快捷键是Ctrl+Alt+C，FP不知道是什么）的人往往会狂用，惨了，我一碰到这样的网页就头痛，为什么要用那么多<div>来居中呢？tell me why？难道表格没有居中属性吗？为什么要加入这些垃圾代码？特别修改的时候也不能把文字或图片删除了就能自动清除<div align="center">这个代码，还要手工去清除，在复杂点的网页中就会无故地浪费维护者一笔时间。$ u9 Z! u/ q+ p: u3 g W
6 F4 E# s N9 A' |
建议使用<td align="center">来居中，当需要多重定位的时候，才考虑<div align="center">，因为这个代码并不好处理，所以能用表格代替就用表格替代。! H. R% E0 |5 m/ I2 _
1 W' p5 D9 N9 i) Q E& ?) r
3.重复使用实现相同功能的代码、或杂七杂八的乱套代码
* {0 D* \5 K6 R8 w4 h* I( }9 K& R# g: g( {, G4 @' V' ?
犯错机率：非常普遍
$ K3 Z/ ?0 d+ T) `. s" X 普遍性：非常普遍( y9 k! o, ^, p
犯错可能性：复杂多样& Y% ^# \6 b! X# F
@) P! Y9 P F 大家先来看一看下面的代码：' ?5 T! ~* l' c3 b U% P
<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 Z& m* E; [) o8 o) t; ~. a
+ j5 S6 X l3 I0 _- ?( ^ 我不知道读者有什么感觉，压根我一看到这样的代码就会先自我麻木十来秒，这十来秒目的是为了找一个能表达我的思想感情的词（我？你想反问我吗？sorry~~，我一般不犯，因为我做网页至少有一半以上的时间在浏览代码，代码中多了不该多的东西我一眼就能看出来。）。- {+ y$ Y! }0 E/ d$ j( g
5 t# a. H, {3 L; n0 f# J1 o
看看上面的代码，使用了2个class，4个font来定义2个文本，其实这样的问题很多时候是在大家不断的修改中产生的，对代码不熟、或懒查看代码、又或不喜欢查看代码的人犯这些问题特别严重，当然，事实上别人浏览这个网页的时候，是没有任何问题的，但维护的人就…………。8 V& a+ M. j" | g" n6 |( P
这些多余的垃圾代码完全是可以省略掉的，其实上面的例子不够严重，更恐怖的我都见过。; j/ C9 T# q% O7 B$ x% X4 }
9 z5 v) A6 }* P) Q5 S: S; e 另外还有一个问题也要提提的，就是<p>...</p>和<center>...</center>，为什么要用它们呢？tell me why~~，有甚者是这样的：3 n3 l) M* C; |3 b# m- ~; V
% d$ r) p. M7 q6 S" B
<td><div align="center" class="css_id">
$ h# d& Z) }$ v& o. D. o, V1 W P+ j<center>
3 V9 T6 P7 _9 i3 c<p align="center"></p>: j% P5 J6 u- Q% R
< 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>
* \7 D* }* g8 w3 h _9 G& a9 ]( u" k& Y' z
看到这样的代码我是会很无奈的（更无奈的是我经常看到，而且必须看），我来简化一下：
9 x0 T6 K' U3 d3 N( o- Q+ W< td align="center" class="css_id"><br><font color="#FFA76C" style ="font-size:14px;font-family:隶书">标题</font><br>你觉得这样的代码看起来感觉怎么样呢？</td>6 x9 T; e0 t& J2 ^3 s
( `# u2 Z- S" g% b 是不是看起来觉得这个世界安静了很多？"标题"后面的文字完成可以定义在<td>的class里，就算不用css，再用多一个<.font>也没问题，一样很清爽。$ W# r/ w: } S* r
% B& b! K3 F u1 r: o, U
4.表格不正确嵌套
9 y8 n2 r; K' o1 k% W& g
# f( @1 W/ {8 J( n8 F# `5 X 犯错机率：一般
6 Z- W& Z2 v! S" W 普遍性：普遍2 S" Y- F2 _! j( i X
犯错可能性：对这个不了解
0 i) h$ @. N- {) X0 a' G' M" n: X6 Z, P5 L
其实这是一个街知巷闻的问题了，但还是不断有人犯，不正确的嵌套表格，可能会令到你被老总叫到办公室里臭骂一顿，会令到你以为正常的网页用ADSL开2、3分钟都开不了。8 k& ~/ ?# ^( Q E R2 m% _
. ?; o: G( t& j. p
先讲第一个问题，就是在一个大表格里不断地嵌套表格，这样会令到打开网页的速度变慢（虽然说现在的IE改善了这一问题，但还是不建议这样做），另一方面维护、修改也极不方便，一般来说简单的套用是没有问题的，甚至3、4层，但是不要把所有内容都放到一个表格里去。! N4 a, w+ J2 Q0 S: i2 C; a
2 S. b# H- F0 V0 P3 ^
第二个问题就是在一个大表格里放入所有内容，而其中包括一个免费的计数器代码，嘻嘻，你猜有可能出现什么情况呢？其实也没什么大不了的，最严重的就是你的IE象死机了一样，什么都没显示。解决方法就是把计数器单独放在一个表格里，别和其他内容一起放在同一表格。
* y- G% `2 f2 N" x% C q9 i& P
! H! ?$ o4 G) ]9 ] 5.写代码缩进的时候，不是使用Tab而是使用空格
/ V: F+ h$ n- r. H. E, }5 b( E, V* Z" [* m2 G
犯错机率：一般
[* t, @2 Z: }8 k 普遍性：较少1 Y; c) j# z' p; S9 a& D
犯错可能性：不知道Tab更好用7 g6 U& {" V8 \9 S. W* ]
$ s) |3 X- z7 f% ~
这一个问题针对js、vbs、asp、php之类，html不能使用Tab会写一点程序的都知道什么叫缩进，怎么样缩进？有人使用空格，有人使用Tab，如果你是使用空格的，那么从现在起，改用Tab吧。: I$ g. U4 M0 ~
& I1 n7 U- N) L3 u) @. k' ? 使用空格有二大坏处：1、缩进速度慢、修改速度慢。2、增大网页体积，会影响速度。 |
|
发表于 2008-1-19 23:40
| 