|
 
- UID
- 1
- 帖子
- 738
- 精华
- 28
- 积分
- 14171
- 金币
- 2376
- 威望
- 1647
- 贡献
- 1324
|
1.网页背景色的设置 h- N) G9 ^# b& T+ [; [
0 f' r0 t+ C, d7 h& G5 Z2 { 犯错机率：很大7 y- q% v1 s" ^; P
普遍性：较广
$ ?0 v6 Z5 F$ X ?1 z8 V 犯错可能性：懒/不知道
& _- r. E# P7 }$ Z& m' N
9 R" R' [% W6 t0 e% L9 q 约2年前我曾发现21cn上出现过一次没有设置背景色的情况，当时我用Email通知了他们，自此之后这个问题我从没犯过。
9 M( S3 k2 n; g
2 ?4 X$ }0 y- U0 Y+ d: |+ D# R 绝大部分人的窗口背景颜色都是白色，但如果象我这样个性的人，就会把windows窗口的背景颜色改成灰色或其他色，这样一来，如果你没有设置网页的背景颜色的话，你以为正常的网页在我的电脑上看起来会是一团糟。! w5 w! R7 V9 o5 f. L
6 j1 v3 K# ^0 z5 u. P3 G4 Q
2.Align center（自动居中）的滥用
3 }9 l) `& B! _: M5 Y: b* ]# `, g- t1 E
犯错机率：非常大
9 I! a5 o6 O- Z0 w# P+ z7 P 普遍性：非常广
& q+ e5 m+ i, J/ L- ] G 犯错可能性：以为方便/以为好用9 W8 [- y& @% r" B) ^" A7 M6 V
, b; u: b X h4 V3 C2 x% _2 l" Y
工作中，修改、维护别人的网页是家常便饭，发现不少人有一个陋习：' l2 X9 [& }. E) C6 q. Y
在表格中的文字或图片，你是这样来令它居中、靠左或靠右过？' K8 Y2 L5 b q# |5 _! g( _8 K
. c$ k7 E- ?, C <div align="center">大家好啊！！</div>
5 V. t+ \" X5 o4 ~& P9 {! a <div align="center"><img src="xx.gif"></div>
5 _+ {( ]. r! D+ E) d1 p% l& H$ z5 G [
当有些表格很多、文字很多、内容分得很细的时候，爱用这种方法（它在DW里的快捷键是Ctrl+Alt+C，FP不知道是什么）的人往往会狂用，惨了，我一碰到这样的网页就头痛，为什么要用那么多<div>来居中呢？tell me why？难道表格没有居中属性吗？为什么要加入这些垃圾代码？特别修改的时候也不能把文字或图片删除了就能自动清除<div align="center">这个代码，还要手工去清除，在复杂点的网页中就会无故地浪费维护者一笔时间。( C2 T3 F( l3 G# U `
# @# y/ J1 y! Z- U" K 建议使用<td align="center">来居中，当需要多重定位的时候，才考虑<div align="center">，因为这个代码并不好处理，所以能用表格代替就用表格替代。
* Y* j$ ^! z9 a9 I C# X; ^5 R9 W! Q# o
3.重复使用实现相同功能的代码、或杂七杂八的乱套代码
' Q ^+ j$ O+ x* U" H; v. K, {1 L+ c' b$ @7 Y/ t9 J
犯错机率：非常普遍# |" h9 u9 k; x, |* p
普遍性：非常普遍
+ O: c+ x0 q7 b( y% [1 V7 ~' R 犯错可能性：复杂多样
2 v! m) `! f' `$ d3 `* y' I/ y1 I8 @( i- g7 P9 F) }8 n# A
大家先来看一看下面的代码：2 y; Z5 h5 {9 X
<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>
. n( c3 ?& [2 N8 L9 e( o. X, h: \! n$ i
我不知道读者有什么感觉，压根我一看到这样的代码就会先自我麻木十来秒，这十来秒目的是为了找一个能表达我的思想感情的词（我？你想反问我吗？sorry~~，我一般不犯，因为我做网页至少有一半以上的时间在浏览代码，代码中多了不该多的东西我一眼就能看出来。）。
s' E# S, R e; J
8 v8 R6 u( i( K# C. d 看看上面的代码，使用了2个class，4个font来定义2个文本，其实这样的问题很多时候是在大家不断的修改中产生的，对代码不熟、或懒查看代码、又或不喜欢查看代码的人犯这些问题特别严重，当然，事实上别人浏览这个网页的时候，是没有任何问题的，但维护的人就…………。2 w" w Q7 ` d3 K( b4 T
这些多余的垃圾代码完全是可以省略掉的，其实上面的例子不够严重，更恐怖的我都见过。: y2 k. l( r4 {, v
2 q+ G; s2 | U2 X 另外还有一个问题也要提提的，就是<p>...</p>和<center>...</center>，为什么要用它们呢？tell me why~~，有甚者是这样的：+ s( G' ~- A) w
- |3 S1 @& k9 ~5 X<td><div align="center" class="css_id">$ |( a1 i* x: b" j! ^ D
<center>" s+ }1 D0 J1 k5 E$ I
<p align="center"></p>: x S2 K5 s3 c5 [
< 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>
" s9 N7 d2 K2 P' G( Q j; a4 m& u @
0 B7 f5 G6 L C8 C6 Z! _ 看到这样的代码我是会很无奈的（更无奈的是我经常看到，而且必须看），我来简化一下：
- D; o5 Z$ `4 z! N< td align="center" class="css_id"><br><font color="#FFA76C" style ="font-size:14px;font-family:隶书">标题</font><br>你觉得这样的代码看起来感觉怎么样呢？</td>
6 X# S! M9 ]: j% R4 C
5 q/ Z" u( h% o: L2 _3 M 是不是看起来觉得这个世界安静了很多？"标题"后面的文字完成可以定义在<td>的class里，就算不用css，再用多一个<.font>也没问题，一样很清爽。
( g: P# e* d) N& `+ [* a& _$ o5 a9 N" q8 f4 [% O5 T& G0 Y3 O" R/ A
4.表格不正确嵌套
& V% Q- A) H& y, X( w* E+ d- Z# N, \6 H+ m
犯错机率：一般
; M+ v2 h7 _* ^4 t# \; N 普遍性：普遍, M7 G- \3 _; G1 j% k6 c6 O+ E2 d9 p, ]
犯错可能性：对这个不了解
8 _. ?( }. ?: u3 s# }
; H4 L6 b# F5 A8 C* D# ~- ? 其实这是一个街知巷闻的问题了，但还是不断有人犯，不正确的嵌套表格，可能会令到你被老总叫到办公室里臭骂一顿，会令到你以为正常的网页用ADSL开2、3分钟都开不了。
7 N( X: I( H$ [1 S) S$ {4 ~& i
先讲第一个问题，就是在一个大表格里不断地嵌套表格，这样会令到打开网页的速度变慢（虽然说现在的IE改善了这一问题，但还是不建议这样做），另一方面维护、修改也极不方便，一般来说简单的套用是没有问题的，甚至3、4层，但是不要把所有内容都放到一个表格里去。/ R4 ~' D# N- S' [$ _2 c+ M1 g
8 [7 W4 X( C! r0 q
第二个问题就是在一个大表格里放入所有内容，而其中包括一个免费的计数器代码，嘻嘻，你猜有可能出现什么情况呢？其实也没什么大不了的，最严重的就是你的IE象死机了一样，什么都没显示。解决方法就是把计数器单独放在一个表格里，别和其他内容一起放在同一表格。
, I6 E6 M" p! f' Y
}- o0 l. @% _- V$ c9 m 5.写代码缩进的时候，不是使用Tab而是使用空格# n+ y' V; r- S9 i
- ~7 h, Y: U7 `: t1 h) b$ ]. Y
犯错机率：一般; t9 F5 ]& I# i
普遍性：较少6 ?9 ~$ Y8 {: x
犯错可能性：不知道Tab更好用
- ^4 r8 L5 N& Y9 W
6 p! p' u& p; s6 { 这一个问题针对js、vbs、asp、php之类，html不能使用Tab会写一点程序的都知道什么叫缩进，怎么样缩进？有人使用空格，有人使用Tab，如果你是使用空格的，那么从现在起，改用Tab吧。
) P8 {, B, W6 P# b" n, \, U" A5 H9 ^- H. ~: c, S' U6 Y
使用空格有二大坏处：1、缩进速度慢、修改速度慢。2、增大网页体积，会影响速度。 |
|
发表于 2008-1-19 23:40
| 