|
 
- UID
- 1
- 帖子
- 738
- 精华
- 28
- 积分
- 14443
- 金币
- 2507
- 威望
- 1647
- 贡献
- 1455
|
1.网页背景色的设置
) `/ @6 i- c) a( ~/ U3 @; ]* `% ]6 C$ `
犯错机率：很大
9 q7 Y& R" N- l5 Y( |) f1 ` 普遍性：较广
- Z M; P# z6 }* v3 b0 e 犯错可能性：懒/不知道
; t3 E8 h- t9 O! v+ y
+ O1 j1 ^5 |4 n! v9 ? 约2年前我曾发现21cn上出现过一次没有设置背景色的情况，当时我用Email通知了他们，自此之后这个问题我从没犯过。
. \8 U0 L. Z! k u- F/ N6 {2 \/ T# d" U0 e5 A
绝大部分人的窗口背景颜色都是白色，但如果象我这样个性的人，就会把windows窗口的背景颜色改成灰色或其他色，这样一来，如果你没有设置网页的背景颜色的话，你以为正常的网页在我的电脑上看起来会是一团糟。
5 h; b0 J* t& ?6 t8 f) @& f. }+ W$ c) U& k
2.Align center（自动居中）的滥用
& R9 V& x& G$ f9 b) J0 W
1 B6 Z% h, D% }- X8 B. e 犯错机率：非常大6 }4 }# m+ n5 k @) k% }3 `) J
普遍性：非常广
+ L5 J7 n% a& U 犯错可能性：以为方便/以为好用$ R! B( o0 f7 F- T0 ?
0 k4 r# b2 \7 B+ O* @
工作中，修改、维护别人的网页是家常便饭，发现不少人有一个陋习：1 Y9 p" l' p3 E
在表格中的文字或图片，你是这样来令它居中、靠左或靠右过？
6 I& H# `. t4 p6 N) U Z6 K9 W9 [/ u# m
<div align="center">大家好啊！！</div>
2 x U# p& h/ s! T <div align="center"><img src="xx.gif"></div>
- k! {5 f! g$ c6 }* s" h
+ C9 @# a" I5 S 当有些表格很多、文字很多、内容分得很细的时候，爱用这种方法（它在DW里的快捷键是Ctrl+Alt+C，FP不知道是什么）的人往往会狂用，惨了，我一碰到这样的网页就头痛，为什么要用那么多<div>来居中呢？tell me why？难道表格没有居中属性吗？为什么要加入这些垃圾代码？特别修改的时候也不能把文字或图片删除了就能自动清除<div align="center">这个代码，还要手工去清除，在复杂点的网页中就会无故地浪费维护者一笔时间。
" z& O, V6 J9 l9 L3 |. ?" Q) G$ g' E2 {" D e4 S
建议使用<td align="center">来居中，当需要多重定位的时候，才考虑<div align="center">，因为这个代码并不好处理，所以能用表格代替就用表格替代。! ~* D: l' M4 Y+ K5 B5 B
9 ]6 r0 x4 @( Y: K
3.重复使用实现相同功能的代码、或杂七杂八的乱套代码/ ?# q# a- N7 ^; q$ E
/ W2 u- M; ]' y' l 犯错机率：非常普遍
9 M) W3 W, l- H3 j' | 普遍性：非常普遍
$ O1 q( X( G6 Y' Y9 L, Z 犯错可能性：复杂多样& {9 G; A5 b7 \. c
5 v" w F, u: N C/ n 大家先来看一看下面的代码：, q3 P5 K5 ? [7 u+ T. ]3 D
<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>; d8 t/ C8 y* o' r) y# h
8 N0 {% T( ~0 c3 h* Q( \4 O
我不知道读者有什么感觉，压根我一看到这样的代码就会先自我麻木十来秒，这十来秒目的是为了找一个能表达我的思想感情的词（我？你想反问我吗？sorry~~，我一般不犯，因为我做网页至少有一半以上的时间在浏览代码，代码中多了不该多的东西我一眼就能看出来。）。+ V" s# P8 B' l8 z" b* M1 }
1 O7 n" o, U9 h( I$ j* N 看看上面的代码，使用了2个class，4个font来定义2个文本，其实这样的问题很多时候是在大家不断的修改中产生的，对代码不熟、或懒查看代码、又或不喜欢查看代码的人犯这些问题特别严重，当然，事实上别人浏览这个网页的时候，是没有任何问题的，但维护的人就…………。 Q7 p7 C m" y1 a, x( H
这些多余的垃圾代码完全是可以省略掉的，其实上面的例子不够严重，更恐怖的我都见过。: R2 S5 p9 U/ g# w- T! ]1 |6 k0 i5 v% G
" M+ _+ Q. Y2 b/ P( m* `4 d 另外还有一个问题也要提提的，就是<p>...</p>和<center>...</center>，为什么要用它们呢？tell me why~~，有甚者是这样的：
* C3 ]9 C x) v! W! e! a
' @* R4 w3 ]3 s<td><div align="center" class="css_id">3 _9 e( [: Q& ^* I$ q
<center>
# D) E, I' |, O m9 ]; I, B<p align="center"></p>
( Z, G, l4 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>2 |/ m" h, F; \* O: N( }
1 C# }: {+ n& q. H" _ 看到这样的代码我是会很无奈的（更无奈的是我经常看到，而且必须看），我来简化一下：: _% X& i9 s! u% P& T- y
< td align="center" class="css_id"><br><font color="#FFA76C" style ="font-size:14px;font-family:隶书">标题</font><br>你觉得这样的代码看起来感觉怎么样呢？</td>% h6 K5 h+ u7 |; X
6 w4 Y' j- T+ [# c
是不是看起来觉得这个世界安静了很多？"标题"后面的文字完成可以定义在<td>的class里，就算不用css，再用多一个<.font>也没问题，一样很清爽。- e9 Q- f3 Y7 d* n1 y
( o* M$ U4 m6 L
4.表格不正确嵌套4 U M4 y1 M) W8 j, i& D' f; h
& `: j7 L2 t0 V& B8 C 犯错机率：一般3 x" H# k( J2 T: T- I8 R/ f6 B4 ~ a
普遍性：普遍* P, f) l: d) m/ e X
犯错可能性：对这个不了解" w" R( u- v" g0 w
$ M' U* ~- i: F- ^, q* L+ D' G 其实这是一个街知巷闻的问题了，但还是不断有人犯，不正确的嵌套表格，可能会令到你被老总叫到办公室里臭骂一顿，会令到你以为正常的网页用ADSL开2、3分钟都开不了。" Q' m# f/ v) x2 q
7 @; T1 s1 y4 P) z! X0 R 先讲第一个问题，就是在一个大表格里不断地嵌套表格，这样会令到打开网页的速度变慢（虽然说现在的IE改善了这一问题，但还是不建议这样做），另一方面维护、修改也极不方便，一般来说简单的套用是没有问题的，甚至3、4层，但是不要把所有内容都放到一个表格里去。/ j* x* f# j3 p4 D" j- n" h
* s, m1 _6 q& W# x" Y 第二个问题就是在一个大表格里放入所有内容，而其中包括一个免费的计数器代码，嘻嘻，你猜有可能出现什么情况呢？其实也没什么大不了的，最严重的就是你的IE象死机了一样，什么都没显示。解决方法就是把计数器单独放在一个表格里，别和其他内容一起放在同一表格。
9 I6 G# E2 P k4 L. t% A- d$ Y6 i7 R/ |- m: \3 ?9 ~+ Y
5.写代码缩进的时候，不是使用Tab而是使用空格2 C+ u1 z U! i- \: Y6 x
5 V4 b1 w" I1 _! e# j
犯错机率：一般; y0 F+ [' ]; \4 r: U7 Y E# j( t
普遍性：较少
2 y' C/ ]3 N! X: i 犯错可能性：不知道Tab更好用4 a9 D* ^, }# V. K& s( o
% I8 k( \/ j8 L& \8 C
这一个问题针对js、vbs、asp、php之类，html不能使用Tab会写一点程序的都知道什么叫缩进，怎么样缩进？有人使用空格，有人使用Tab，如果你是使用空格的，那么从现在起，改用Tab吧。! i& D' m6 B9 x) \# \
8 x: G& \) X' S# n& Z2 R
使用空格有二大坏处：1、缩进速度慢、修改速度慢。2、增大网页体积，会影响速度。 |
|
发表于 2008-1-19 23:40
| 