|
 
- UID
- 1
- 帖子
- 738
- 精华
- 28
- 积分
- 14247
- 金币
- 2414
- 威望
- 1647
- 贡献
- 1362
|
1.网页背景色的设置 + w/ r( J$ D# l: Y# P6 J Q
7 `. X$ M7 _) W3 L, u" [ 犯错机率：很大
8 i. Y1 B! O; _" a5 j' x k 普遍性：较广
" O6 c# H" y2 E( @, H# \3 ~ 犯错可能性：懒/不知道# {9 l( M8 I2 N5 s8 G
8 N* o8 b! D- I) y
约2年前我曾发现21cn上出现过一次没有设置背景色的情况，当时我用Email通知了他们，自此之后这个问题我从没犯过。1 W: }: c6 ~4 \. W, X
6 ^8 y* N( t) _; I/ a+ L M) s4 P+ I 绝大部分人的窗口背景颜色都是白色，但如果象我这样个性的人，就会把windows窗口的背景颜色改成灰色或其他色，这样一来，如果你没有设置网页的背景颜色的话，你以为正常的网页在我的电脑上看起来会是一团糟。% J2 P$ y7 ]2 }2 ~
- \, R2 t. J( E" U1 P* A5 L4 f 2.Align center（自动居中）的滥用
' L5 k$ ?; {6 U& v, T D8 S
. g7 \% u$ b2 t4 i0 Y. [* F 犯错机率：非常大
. g. }" m G0 K1 M A 普遍性：非常广
7 l( K5 a& j' f2 f {/ d 犯错可能性：以为方便/以为好用
; K+ ]0 {( K8 E' k1 ~1 }! ^6 F1 U. V0 V* o
工作中，修改、维护别人的网页是家常便饭，发现不少人有一个陋习：- M Q5 H E& W2 A
在表格中的文字或图片，你是这样来令它居中、靠左或靠右过？
; f. i9 n9 M8 I( ^7 J2 ?
5 F% `. S7 r9 \/ P% ?0 H2 M <div align="center">大家好啊！！</div>
% u2 C$ R: v- N- a8 P <div align="center"><img src="xx.gif"></div>3 L ^. @3 L/ i6 W4 X, l
1 @7 ]$ F, L# P# _
当有些表格很多、文字很多、内容分得很细的时候，爱用这种方法（它在DW里的快捷键是Ctrl+Alt+C，FP不知道是什么）的人往往会狂用，惨了，我一碰到这样的网页就头痛，为什么要用那么多<div>来居中呢？tell me why？难道表格没有居中属性吗？为什么要加入这些垃圾代码？特别修改的时候也不能把文字或图片删除了就能自动清除<div align="center">这个代码，还要手工去清除，在复杂点的网页中就会无故地浪费维护者一笔时间。7 [+ C4 ~1 o3 r, C# [1 C
+ z0 [; `5 D8 i
建议使用<td align="center">来居中，当需要多重定位的时候，才考虑<div align="center">，因为这个代码并不好处理，所以能用表格代替就用表格替代。/ y6 C a" h2 k" S
$ m$ ?* v0 m9 U8 d+ {
3.重复使用实现相同功能的代码、或杂七杂八的乱套代码
- e! e# j2 R( Q7 N! k4 i* t1 \" P1 b8 r. k0 `- t6 i
犯错机率：非常普遍0 Q1 `3 }1 N% s; Z
普遍性：非常普遍2 G6 r- L9 F' a# A/ B) z$ K
犯错可能性：复杂多样
( v. \" _3 M( h0 F7 t. N" h
0 y& W+ m) g. j& S( ]& f2 G. I 大家先来看一看下面的代码：
4 N3 M ]+ b. V( W: 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>! \/ B5 Y% d! ~: o
, X) } b J- {2 d
我不知道读者有什么感觉，压根我一看到这样的代码就会先自我麻木十来秒，这十来秒目的是为了找一个能表达我的思想感情的词（我？你想反问我吗？sorry~~，我一般不犯，因为我做网页至少有一半以上的时间在浏览代码，代码中多了不该多的东西我一眼就能看出来。）。
6 |: r. `# n: Z3 G0 V" z* U/ p$ _0 \& d6 u5 A. ^1 |
看看上面的代码，使用了2个class，4个font来定义2个文本，其实这样的问题很多时候是在大家不断的修改中产生的，对代码不熟、或懒查看代码、又或不喜欢查看代码的人犯这些问题特别严重，当然，事实上别人浏览这个网页的时候，是没有任何问题的，但维护的人就…………。
- d b- }( @& e4 ~1 P$ y- B4 ~) n这些多余的垃圾代码完全是可以省略掉的，其实上面的例子不够严重，更恐怖的我都见过。
; h3 Z6 F J1 M! @4 Z
. s3 O' E0 \- P2 F. T 另外还有一个问题也要提提的，就是<p>...</p>和<center>...</center>，为什么要用它们呢？tell me why~~，有甚者是这样的：/ a; t4 n, c& e( D" j* B$ o3 }
A& Z" n' P- C
<td><div align="center" class="css_id">$ E9 H: A0 q. a5 ~+ s0 n
<center>+ g3 f7 g) t: S1 i
<p align="center"></p>
! O5 @, t$ Z/ W6 j< 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>' Z- N9 ?# Q% O
& L% p/ M. d% ~* Z/ h 看到这样的代码我是会很无奈的（更无奈的是我经常看到，而且必须看），我来简化一下：
% c) C* m3 m7 b< td align="center" class="css_id"><br><font color="#FFA76C" style ="font-size:14px;font-family:隶书">标题</font><br>你觉得这样的代码看起来感觉怎么样呢？</td>
/ A3 O+ n: \5 {9 L0 r; k7 d5 w( M7 @6 U$ i. }
是不是看起来觉得这个世界安静了很多？"标题"后面的文字完成可以定义在<td>的class里，就算不用css，再用多一个<.font>也没问题，一样很清爽。3 V. t5 `4 a2 Q1 Q' Q g
6 ~. V" q% v4 H# A( j 4.表格不正确嵌套3 g9 f7 m4 a% f* \# ~' P
' A8 s0 n3 T h. V- v7 M
犯错机率：一般
; X0 |' ^# \ G) c( O6 L) g: M b% Q1 M 普遍性：普遍, @" M9 {! t- P+ {2 o. x+ G$ x7 b
犯错可能性：对这个不了解
( f1 V4 G7 l, g1 v4 `( b- g# v G' V8 ]9 Q& ^( O
其实这是一个街知巷闻的问题了，但还是不断有人犯，不正确的嵌套表格，可能会令到你被老总叫到办公室里臭骂一顿，会令到你以为正常的网页用ADSL开2、3分钟都开不了。
# e+ r7 o3 O: x" @, N$ I- A! K. E% t& Q; O1 p9 G* W
先讲第一个问题，就是在一个大表格里不断地嵌套表格，这样会令到打开网页的速度变慢（虽然说现在的IE改善了这一问题，但还是不建议这样做），另一方面维护、修改也极不方便，一般来说简单的套用是没有问题的，甚至3、4层，但是不要把所有内容都放到一个表格里去。, D! q, G- t( j4 F0 q, I" q
( @! F7 @; `. m2 M 第二个问题就是在一个大表格里放入所有内容，而其中包括一个免费的计数器代码，嘻嘻，你猜有可能出现什么情况呢？其实也没什么大不了的，最严重的就是你的IE象死机了一样，什么都没显示。解决方法就是把计数器单独放在一个表格里，别和其他内容一起放在同一表格。
- {4 i- d. i) W [! g9 |
, z: p# x8 g+ N! a3 Q 5.写代码缩进的时候，不是使用Tab而是使用空格
- a; C4 i( i' S: ], m& h% l6 w/ R' ~% I1 R
犯错机率：一般6 Z' r+ ^' u6 x2 s5 d
普遍性：较少0 F* }/ i8 W; P
犯错可能性：不知道Tab更好用- D1 j5 c) U8 g/ H x/ k
* K6 P# E: _+ i# I% F7 ]6 i
这一个问题针对js、vbs、asp、php之类，html不能使用Tab会写一点程序的都知道什么叫缩进，怎么样缩进？有人使用空格，有人使用Tab，如果你是使用空格的，那么从现在起，改用Tab吧。
' y* K4 c: r# X1 V ~
, Y- g- ?9 K9 H U+ p D 使用空格有二大坏处：1、缩进速度慢、修改速度慢。2、增大网页体积，会影响速度。 |
|
发表于 2008-1-19 23:40
| 