|
 
- UID
- 1
- 帖子
- 738
- 精华
- 28
- 积分
- 14171
- 金币
- 2376
- 威望
- 1647
- 贡献
- 1324
|
1.网页背景色的设置 ; I/ E+ ~) \5 j: ]
' t. u' J. h8 {& I7 T+ T
犯错机率：很大; M4 C2 Q1 L. G3 F) L: S: G& t
普遍性：较广% P; c7 o$ F& M( g8 I
犯错可能性：懒/不知道
; x3 t- o$ T2 t t; H, M& U' T: s1 p! p+ t3 M J
约2年前我曾发现21cn上出现过一次没有设置背景色的情况，当时我用Email通知了他们，自此之后这个问题我从没犯过。3 O3 J7 z- I4 r" i# S. D* X3 c$ d
/ Y. @0 h. Z, f2 N, G/ _- W w 绝大部分人的窗口背景颜色都是白色，但如果象我这样个性的人，就会把windows窗口的背景颜色改成灰色或其他色，这样一来，如果你没有设置网页的背景颜色的话，你以为正常的网页在我的电脑上看起来会是一团糟。
. L; h0 r% n" N9 A, ]$ P6 z; M& d: L; o
2.Align center（自动居中）的滥用
7 }9 A/ B8 n" G) I4 q
( |! y+ B( q& C( D 犯错机率：非常大
: y, I+ X) S* Q& Q9 c( ~/ e 普遍性：非常广0 l; J5 _! L6 K3 @% ~; ?
犯错可能性：以为方便/以为好用
) x) V' T% v A& R1 Y2 C* k2 J( O# T8 ]9 E
工作中，修改、维护别人的网页是家常便饭，发现不少人有一个陋习：' F# ^# ?5 O; C& t
在表格中的文字或图片，你是这样来令它居中、靠左或靠右过？, B. n* s. e9 F5 z
) K, _1 i$ Y. O2 ]9 R2 L2 ?; L1 J
<div align="center">大家好啊！！</div>
# x7 h) W Z7 P' z <div align="center"><img src="xx.gif"></div>6 U+ f( V* c# B" F7 Z# U8 D
9 t% s( F6 p }. s, a
当有些表格很多、文字很多、内容分得很细的时候，爱用这种方法（它在DW里的快捷键是Ctrl+Alt+C，FP不知道是什么）的人往往会狂用，惨了，我一碰到这样的网页就头痛，为什么要用那么多<div>来居中呢？tell me why？难道表格没有居中属性吗？为什么要加入这些垃圾代码？特别修改的时候也不能把文字或图片删除了就能自动清除<div align="center">这个代码，还要手工去清除，在复杂点的网页中就会无故地浪费维护者一笔时间。5 ]& O; @# A7 C) w& r
3 @ b) x/ j1 @4 B- |+ N
建议使用<td align="center">来居中，当需要多重定位的时候，才考虑<div align="center">，因为这个代码并不好处理，所以能用表格代替就用表格替代。3 S: F& C0 |# u$ m$ t& M
+ a' A7 C+ E, t& c
3.重复使用实现相同功能的代码、或杂七杂八的乱套代码' V9 ~0 }' d, v# N; h# P1 l! A. ~
1 ?- D$ ]1 Z" q. n. H7 U
犯错机率：非常普遍
% @; T) Q" e# K k% b0 [ 普遍性：非常普遍) A ~. s, Q# R% L; D
犯错可能性：复杂多样+ ]7 a, j4 a8 ]% O, w4 b
: s% T% W- Q5 n6 z9 I
大家先来看一看下面的代码：
3 Q8 P; r: O% m$ o# u: ^# 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>" e$ N+ T& }5 M F4 k4 b B
2 d h: F, n; |
我不知道读者有什么感觉，压根我一看到这样的代码就会先自我麻木十来秒，这十来秒目的是为了找一个能表达我的思想感情的词（我？你想反问我吗？sorry~~，我一般不犯，因为我做网页至少有一半以上的时间在浏览代码，代码中多了不该多的东西我一眼就能看出来。）。! B* T7 @& r1 t2 I# Z
$ O3 \8 _2 T9 h 看看上面的代码，使用了2个class，4个font来定义2个文本，其实这样的问题很多时候是在大家不断的修改中产生的，对代码不熟、或懒查看代码、又或不喜欢查看代码的人犯这些问题特别严重，当然，事实上别人浏览这个网页的时候，是没有任何问题的，但维护的人就…………。" R6 G' J5 s9 J* @4 ~8 n7 r
这些多余的垃圾代码完全是可以省略掉的，其实上面的例子不够严重，更恐怖的我都见过。
$ w$ Z" k2 C- C* T# R% j6 R, g' f2 |2 Z) f: H
另外还有一个问题也要提提的，就是<p>...</p>和<center>...</center>，为什么要用它们呢？tell me why~~，有甚者是这样的：
; Q' R: u0 q5 O' ^ K9 E6 \& `
* N5 b* f! E/ I/ l& s<td><div align="center" class="css_id">
. T# i! u. ^5 W- E' @3 v<center>
1 W4 y6 M' T, ~4 f; ^# v4 H<p align="center"></p> |! }) |& B( v# U3 T0 l' p
< 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>0 ~) ~8 @" N2 z
8 ?" ]6 t0 }- |& _4 W5 a6 Y 看到这样的代码我是会很无奈的（更无奈的是我经常看到，而且必须看），我来简化一下：
9 Y( y: B0 n* T3 r" ^ s7 m# s1 S< td align="center" class="css_id"><br><font color="#FFA76C" style ="font-size:14px;font-family:隶书">标题</font><br>你觉得这样的代码看起来感觉怎么样呢？</td>
6 P* u; P0 [' K$ v
q* J7 J9 @* Q 是不是看起来觉得这个世界安静了很多？"标题"后面的文字完成可以定义在<td>的class里，就算不用css，再用多一个<.font>也没问题，一样很清爽。( v/ e. O$ ?% A+ T& n: e5 _
; I5 z# R2 i( s- u+ L6 g
4.表格不正确嵌套
! n- d) o' G- Y: p
" E) s8 F& A8 W5 t3 R- t# t 犯错机率：一般
( e3 z( z, j3 d 普遍性：普遍, n" c1 ?6 p$ `6 W& r: J/ M
犯错可能性：对这个不了解- Z( @0 q$ B8 ?) n
- E, B% l2 @: S1 W" f+ V: h: K2 u2 g
其实这是一个街知巷闻的问题了，但还是不断有人犯，不正确的嵌套表格，可能会令到你被老总叫到办公室里臭骂一顿，会令到你以为正常的网页用ADSL开2、3分钟都开不了。. d* G$ j% ?( \7 ]" G* p
?0 w' Y6 I. W, D+ i3 ~6 \
先讲第一个问题，就是在一个大表格里不断地嵌套表格，这样会令到打开网页的速度变慢（虽然说现在的IE改善了这一问题，但还是不建议这样做），另一方面维护、修改也极不方便，一般来说简单的套用是没有问题的，甚至3、4层，但是不要把所有内容都放到一个表格里去。
- j. s. _+ d4 m- n# k2 o
7 r3 |: r" O8 H0 b 第二个问题就是在一个大表格里放入所有内容，而其中包括一个免费的计数器代码，嘻嘻，你猜有可能出现什么情况呢？其实也没什么大不了的，最严重的就是你的IE象死机了一样，什么都没显示。解决方法就是把计数器单独放在一个表格里，别和其他内容一起放在同一表格。
! G+ R: w4 n& I& O6 u7 l' g
' U6 v: I7 K& ^/ G% \; }9 _% {. P 5.写代码缩进的时候，不是使用Tab而是使用空格
) j: R% t% N9 m, g: z/ D( j; Z" \" j
& R$ Y& h0 F7 p4 A' j9 k# Q 犯错机率：一般
' l( d" Q: |# z$ l& G 普遍性：较少) B* q% J+ U% a \
犯错可能性：不知道Tab更好用6 W6 b6 _" y. R
; ^$ r, k: d( u6 }& H
这一个问题针对js、vbs、asp、php之类，html不能使用Tab会写一点程序的都知道什么叫缩进，怎么样缩进？有人使用空格，有人使用Tab，如果你是使用空格的，那么从现在起，改用Tab吧。; z- \$ A% E: C P) I4 r( Q6 W
6 d5 G: Z# e+ _: H4 z 使用空格有二大坏处：1、缩进速度慢、修改速度慢。2、增大网页体积，会影响速度。 |
|
发表于 2008-1-19 23:40
| 