|
 
- UID
- 1
- 帖子
- 738
- 精华
- 28
- 积分
- 14389
- 金币
- 2480
- 威望
- 1647
- 贡献
- 1428
|
1.网页背景色的设置 % B* F( T* Z' z! {- U
& f( B' \" I# p" H; X; G 犯错机率：很大2 E. z- H0 B1 Q" ^
普遍性：较广
* L+ _* e5 S- s( s 犯错可能性：懒/不知道
' G3 h6 V: P9 o( s4 e+ {6 S
! K! P+ F" F; E1 Q: X0 s+ u. L5 j 约2年前我曾发现21cn上出现过一次没有设置背景色的情况，当时我用Email通知了他们，自此之后这个问题我从没犯过。
2 L. u8 b3 R( S5 ?4 t. I
+ T, k3 F" ?* m! ?) ]( R9 }1 D 绝大部分人的窗口背景颜色都是白色，但如果象我这样个性的人，就会把windows窗口的背景颜色改成灰色或其他色，这样一来，如果你没有设置网页的背景颜色的话，你以为正常的网页在我的电脑上看起来会是一团糟。( X5 ~3 z h/ X' Q8 A" f4 r8 h
/ }; R/ A! i8 E$ S2 U
2.Align center（自动居中）的滥用, x$ K; A- q" H9 { I4 f+ a
% A2 m- o5 Q/ |& d$ ~! @
犯错机率：非常大. q k5 |1 T! s2 a: K" H
普遍性：非常广
# L# }/ Q+ z* T" I+ t n 犯错可能性：以为方便/以为好用
$ z3 U( R: I8 i x) e/ ?
+ q4 B% F/ _; ? 工作中，修改、维护别人的网页是家常便饭，发现不少人有一个陋习：4 x' O1 S7 b, ?) i$ F* h
在表格中的文字或图片，你是这样来令它居中、靠左或靠右过？7 |& A+ V. w' g4 u; Z0 N; c
% x* [# |2 F/ _1 B) C
<div align="center">大家好啊！！</div>) _2 M8 v% o$ Y+ Y! S5 i8 y/ a
<div align="center"><img src="xx.gif"></div>
, ^. M1 p# M6 T! ?' s- j- @& y2 o4 D2 c1 L) N7 J
当有些表格很多、文字很多、内容分得很细的时候，爱用这种方法（它在DW里的快捷键是Ctrl+Alt+C，FP不知道是什么）的人往往会狂用，惨了，我一碰到这样的网页就头痛，为什么要用那么多<div>来居中呢？tell me why？难道表格没有居中属性吗？为什么要加入这些垃圾代码？特别修改的时候也不能把文字或图片删除了就能自动清除<div align="center">这个代码，还要手工去清除，在复杂点的网页中就会无故地浪费维护者一笔时间。& S9 v% V' u8 D
' K% z) p8 Z4 `& `( b
建议使用<td align="center">来居中，当需要多重定位的时候，才考虑<div align="center">，因为这个代码并不好处理，所以能用表格代替就用表格替代。
V* P) e7 G. r4 Z/ s. k
) ~: g) U! i: t- Z: V4 P 3.重复使用实现相同功能的代码、或杂七杂八的乱套代码6 E# x0 ]& M0 I' W% Y
2 m0 l5 h! t. i* q
犯错机率：非常普遍
: `# i# b2 `1 T' P! Y 普遍性：非常普遍1 p6 ?, J$ g0 i# k. T
犯错可能性：复杂多样
# y- F6 Z9 C) g2 ~. c
& W" }7 i( t/ x& u 大家先来看一看下面的代码：. a1 E x3 a( |8 B0 m9 I4 Q
<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>3 a. C$ N9 E* k+ F8 @
! F* \% ~- w q5 J
我不知道读者有什么感觉，压根我一看到这样的代码就会先自我麻木十来秒，这十来秒目的是为了找一个能表达我的思想感情的词（我？你想反问我吗？sorry~~，我一般不犯，因为我做网页至少有一半以上的时间在浏览代码，代码中多了不该多的东西我一眼就能看出来。）。$ \, s- e" I; u" [9 L
; c; d( z7 S. _
看看上面的代码，使用了2个class，4个font来定义2个文本，其实这样的问题很多时候是在大家不断的修改中产生的，对代码不熟、或懒查看代码、又或不喜欢查看代码的人犯这些问题特别严重，当然，事实上别人浏览这个网页的时候，是没有任何问题的，但维护的人就…………。
3 f* J6 w9 S" B9 d; U* Q这些多余的垃圾代码完全是可以省略掉的，其实上面的例子不够严重，更恐怖的我都见过。
3 T' Z% q( P1 ]: X& J' \$ r5 ?2 N1 q: q9 l1 K, @
另外还有一个问题也要提提的，就是<p>...</p>和<center>...</center>，为什么要用它们呢？tell me why~~，有甚者是这样的：
I3 c: n+ N- g# g5 W% r z# a4 B
<td><div align="center" class="css_id">
! ~: w: ^* [+ H! z# \5 O/ k<center>
& x# X: J9 n0 h8 [9 M0 M<p align="center"></p>
& f, ]2 a9 H% J' J7 H# X8 k< 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>
; E% B) P& o$ w7 L5 u6 E2 {9 {3 Z) _: z3 j0 U
看到这样的代码我是会很无奈的（更无奈的是我经常看到，而且必须看），我来简化一下：3 W, U! p& U! L5 V H1 X" Y. J+ h( G
< td align="center" class="css_id"><br><font color="#FFA76C" style ="font-size:14px;font-family:隶书">标题</font><br>你觉得这样的代码看起来感觉怎么样呢？</td>
* h4 n" G L! |# _# H$ g% R" v- U! C1 L6 K' }
是不是看起来觉得这个世界安静了很多？"标题"后面的文字完成可以定义在<td>的class里，就算不用css，再用多一个<.font>也没问题，一样很清爽。
% w8 r! Y0 f+ W3 ~; q& x
6 u2 h; }8 G; g/ |: i( X 4.表格不正确嵌套
/ K) V: }6 d g/ O6 u, F( o6 Q s6 l) h) E
犯错机率：一般
# Y4 c& ^/ e) A- U8 L/ {% |" y 普遍性：普遍$ ~ w+ {- d! @: @( M. a
犯错可能性：对这个不了解, ]6 D+ P- {0 t- I" `$ ^
) a- ^/ B$ g" G, P
其实这是一个街知巷闻的问题了，但还是不断有人犯，不正确的嵌套表格，可能会令到你被老总叫到办公室里臭骂一顿，会令到你以为正常的网页用ADSL开2、3分钟都开不了。6 t1 X7 v5 G5 }6 F y; w. b
u8 R; c- z J4 ]
先讲第一个问题，就是在一个大表格里不断地嵌套表格，这样会令到打开网页的速度变慢（虽然说现在的IE改善了这一问题，但还是不建议这样做），另一方面维护、修改也极不方便，一般来说简单的套用是没有问题的，甚至3、4层，但是不要把所有内容都放到一个表格里去。& L, K' A- ]1 ~6 Y2 W2 ^( R& V
0 k' [0 e. {, [" s
第二个问题就是在一个大表格里放入所有内容，而其中包括一个免费的计数器代码，嘻嘻，你猜有可能出现什么情况呢？其实也没什么大不了的，最严重的就是你的IE象死机了一样，什么都没显示。解决方法就是把计数器单独放在一个表格里，别和其他内容一起放在同一表格。
& T0 s. O8 H5 y1 ?: l' L$ \/ P9 J/ L( O/ h
5.写代码缩进的时候，不是使用Tab而是使用空格
+ N g: s0 j) l" q O, {& K
+ {, d5 P5 n% j ~* q7 s _ 犯错机率：一般
4 R! |2 x2 m z7 T$ { 普遍性：较少
- J' Q; e; Y8 K: I 犯错可能性：不知道Tab更好用
# C8 O& U; i. J- i6 f- V
' c7 Q3 m# ^0 g- v$ I" w4 n- c 这一个问题针对js、vbs、asp、php之类，html不能使用Tab会写一点程序的都知道什么叫缩进，怎么样缩进？有人使用空格，有人使用Tab，如果你是使用空格的，那么从现在起，改用Tab吧。6 u# G$ \$ F6 ^" L0 g1 n
# C6 o. ^6 v' B 使用空格有二大坏处：1、缩进速度慢、修改速度慢。2、增大网页体积，会影响速度。 |
|
发表于 2008-1-19 23:40
| 