|
 
- UID
- 1
- 帖子
- 738
- 精华
- 28
- 积分
- 14197
- 金币
- 2389
- 威望
- 1647
- 贡献
- 1337
|
1.网页背景色的设置
! y, k2 p' d+ Z8 g
6 f- H' i1 K) \) l% w# L1 s 犯错机率：很大
' C1 ~6 A' b' f" s# v 普遍性：较广
- M+ _- V6 n3 |+ l$ D! m 犯错可能性：懒/不知道
+ J, e6 i# Z. P3 \( [: z' S7 h% @1 T+ j( V/ k/ b9 O' z
约2年前我曾发现21cn上出现过一次没有设置背景色的情况，当时我用Email通知了他们，自此之后这个问题我从没犯过。8 S. O9 Z" k! \0 e" N
. B7 K/ L5 J- ~' t" R. Q
绝大部分人的窗口背景颜色都是白色，但如果象我这样个性的人，就会把windows窗口的背景颜色改成灰色或其他色，这样一来，如果你没有设置网页的背景颜色的话，你以为正常的网页在我的电脑上看起来会是一团糟。
1 A! `1 R# [* h
E3 b& u1 R" ?* R2 P: D+ i 2.Align center（自动居中）的滥用
0 H X/ |- a" R2 e# P. b8 L# b Q( e
犯错机率：非常大
5 |& E' v8 \7 R, m$ g9 l9 B( m 普遍性：非常广$ p& M/ c: W+ W$ a8 W
犯错可能性：以为方便/以为好用, B* f1 O7 h6 r+ g: M5 J. x4 U
6 _ m0 [# D& _) Q 工作中，修改、维护别人的网页是家常便饭，发现不少人有一个陋习：& N7 h3 v7 X' O8 z5 r8 N( d
在表格中的文字或图片，你是这样来令它居中、靠左或靠右过？
6 I( p2 r" g i5 e' [: F+ Q7 v7 Q) z( e
<div align="center">大家好啊！！</div>" z% y9 _3 G- a, u; P0 j! r
<div align="center"><img src="xx.gif"></div>) s9 v* {) u$ y5 R3 U# o+ M
* P* X! X% \0 H) C! O! m
当有些表格很多、文字很多、内容分得很细的时候，爱用这种方法（它在DW里的快捷键是Ctrl+Alt+C，FP不知道是什么）的人往往会狂用，惨了，我一碰到这样的网页就头痛，为什么要用那么多<div>来居中呢？tell me why？难道表格没有居中属性吗？为什么要加入这些垃圾代码？特别修改的时候也不能把文字或图片删除了就能自动清除<div align="center">这个代码，还要手工去清除，在复杂点的网页中就会无故地浪费维护者一笔时间。
' p4 i' \- T. Q" O( Z
2 }' N! g- h p* [% V; {' ~ 建议使用<td align="center">来居中，当需要多重定位的时候，才考虑<div align="center">，因为这个代码并不好处理，所以能用表格代替就用表格替代。2 N4 Q* M1 d k9 ?5 J4 k9 c
8 b- o# r4 o: W8 E+ _: w& ~
3.重复使用实现相同功能的代码、或杂七杂八的乱套代码
8 i+ i0 j( V( _3 S! L% \1 a& [6 E& s4 c
犯错机率：非常普遍1 a) s3 s/ R3 ] S8 ]: |: T+ O" R
普遍性：非常普遍
" A' F; i( [) o- k2 { 犯错可能性：复杂多样
, D8 i& {4 _* _1 }" J8 @0 g6 R5 a4 T. n! V
大家先来看一看下面的代码：
" c$ V- h f% e+ J <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>8 k& u6 I' [9 U+ V2 L4 W8 s4 l1 F
1 B, Z" m% m" t6 B
我不知道读者有什么感觉，压根我一看到这样的代码就会先自我麻木十来秒，这十来秒目的是为了找一个能表达我的思想感情的词（我？你想反问我吗？sorry~~，我一般不犯，因为我做网页至少有一半以上的时间在浏览代码，代码中多了不该多的东西我一眼就能看出来。）。' k( ?- s3 N/ m! t) `- Y$ L
0 g0 M2 Z9 y E. e1 X$ F
看看上面的代码，使用了2个class，4个font来定义2个文本，其实这样的问题很多时候是在大家不断的修改中产生的，对代码不熟、或懒查看代码、又或不喜欢查看代码的人犯这些问题特别严重，当然，事实上别人浏览这个网页的时候，是没有任何问题的，但维护的人就…………。& }! E2 a, r" @
这些多余的垃圾代码完全是可以省略掉的，其实上面的例子不够严重，更恐怖的我都见过。# E( M! k3 ]3 T/ }( j
9 U/ `0 J% T! n |/ m 另外还有一个问题也要提提的，就是<p>...</p>和<center>...</center>，为什么要用它们呢？tell me why~~，有甚者是这样的： Y/ \2 Q) \. K0 t) f# ]
; t1 I; y; z* V' y# m<td><div align="center" class="css_id">
" ? r3 d4 u# F" ?1 x<center>
5 _0 u/ k% g: g2 I<p align="center"></p>
9 q6 ~4 y" |% ~. |. N< 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>
' x$ @- M9 @4 j1 w; R; \+ P
& g; m& i }2 Q, T# j$ X 看到这样的代码我是会很无奈的（更无奈的是我经常看到，而且必须看），我来简化一下：
% O* j2 Y" A3 L- F< td align="center" class="css_id"><br><font color="#FFA76C" style ="font-size:14px;font-family:隶书">标题</font><br>你觉得这样的代码看起来感觉怎么样呢？</td>) H4 Z R0 D6 S* U
/ R; m* r% M5 m# C1 [+ `! S2 F 是不是看起来觉得这个世界安静了很多？"标题"后面的文字完成可以定义在<td>的class里，就算不用css，再用多一个<.font>也没问题，一样很清爽。- n. j5 u X2 L( `, g
6 k2 i" n% f! \0 [! U: P 4.表格不正确嵌套
0 ]* k: C. i i& T9 b; r* N1 r8 P) Y: N M9 d8 H' g- ?. e0 ]
犯错机率：一般4 H8 F7 }: b! ^5 J" d
普遍性：普遍! ]( H, e7 P8 e+ E; t& v- |; q
犯错可能性：对这个不了解 N' l0 o) h4 J
; j1 h3 F0 m( o; M0 m 其实这是一个街知巷闻的问题了，但还是不断有人犯，不正确的嵌套表格，可能会令到你被老总叫到办公室里臭骂一顿，会令到你以为正常的网页用ADSL开2、3分钟都开不了。
# U( N8 Z' X: R6 P" }5 S
' P! F( F- ^* p3 M3 ` 先讲第一个问题，就是在一个大表格里不断地嵌套表格，这样会令到打开网页的速度变慢（虽然说现在的IE改善了这一问题，但还是不建议这样做），另一方面维护、修改也极不方便，一般来说简单的套用是没有问题的，甚至3、4层，但是不要把所有内容都放到一个表格里去。
2 v; t' u, T9 w# G4 _5 l, H' ?; \5 P
第二个问题就是在一个大表格里放入所有内容，而其中包括一个免费的计数器代码，嘻嘻，你猜有可能出现什么情况呢？其实也没什么大不了的，最严重的就是你的IE象死机了一样，什么都没显示。解决方法就是把计数器单独放在一个表格里，别和其他内容一起放在同一表格。
7 v7 Z* _( D* R; K0 S% ~6 A, C
; @9 S' F$ c4 @% h 5.写代码缩进的时候，不是使用Tab而是使用空格& c+ Q r* ]) Q. v
" [0 Z0 o1 A7 y) H8 {% h1 k
犯错机率：一般
) A+ q; @- H* Y0 y2 @. {/ x+ ` 普遍性：较少! @ x s9 Y. E2 C2 p# _+ G, ~5 [
犯错可能性：不知道Tab更好用3 U4 i8 q) T5 s0 b, s" }, i
% i' T% k' Q. o- W; s- `5 v
这一个问题针对js、vbs、asp、php之类，html不能使用Tab会写一点程序的都知道什么叫缩进，怎么样缩进？有人使用空格，有人使用Tab，如果你是使用空格的，那么从现在起，改用Tab吧。* j$ m: l/ Q# q; E
* e3 G9 y6 y. n# r
使用空格有二大坏处：1、缩进速度慢、修改速度慢。2、增大网页体积，会影响速度。 |
|
发表于 2008-1-19 23:40
| 