阿七
级别: 未验证会员
精华:
0
发帖: 909
威望: 0 点
金钱: 2161 RMB
贡献值: 0 点
在线时间:512(小时)
注册时间:2006-03-29
最后登录:2008-08-07
|
网页设计中HTML常犯的五个错误
网页设计中HTML常犯的五个错误1.网页背景色的设置 uc9t0]o=h
'&,$"QXwE
?WE#%W7U
V8ka*VJ(B
犯错机率：很大 {h/[!I `
DJ;il)^
8 hx4N
g*69TqO^
普遍性：较广 tcyami6D4
xayo{l=uGv
TUoEk
.g7
1?^?(
犯错可能性：懒/不知道 .&dW?HS
(`PgvBL:
eS(\E0% QI
zu}oeAQc$
约2年前我曾发现21cn上出现过一次没有设置背景色的情况，当时我用Email通知了他们，自此之后这个问题我从没犯过。 `s93P^%
:U_k*9z}=
3Ob"R%Yo
9 }^nozR,I
绝大部分人的窗口背景颜色都是白色，但如果象我这样个性的人，就会把windows窗口的背景颜色改成灰色或其他色，这样一来，如果你没有设置网页的背景颜色的话，你以为正常的网页在我的电脑上看起来会是一团糟。 |}s)W o
6L [ Yn?;
ZHT_o\
x0 1 n
2.Aligncenter（自动居中）的滥用 +{U0PI82
^\=<geEj
As0E'n85
;hb;%<xqT
犯错机率：非常大 =K'X:UM
_N!L?b83P
yh0zW
$
IcmTF #{D
普遍性：非常广 eV:I :::
gDbj!(tm
V4I5PPz~
D2N| A
犯错可能性：以为方便/以为好用 3!E*h0$}
{8+FxmH
fA"N5qQI(
n;&08M5an}
工作中，修改、维护别人的网页是家常便饭，发现不少人有一个陋习： ]}7
FTMGbY
N{oi }i6
kaM=Fk=t
2I'gT$h
在表格中的文字或图片，你是这样来令它居中、靠左或靠右过？ $ 9bIUJ
a#3+PB #
@yc/1u $r
t &scvX h
<divalign="center">大家好啊！！</div> P5$d#Y(=
fny|^F]w
bO 8 >w9MF
G<1)N T\u
<divalign="center"><imgsrc="xx.gif"></div> /QuuBtp
9$ GA s
w:[1,rRvT
+yC ]f
b
当有些表格很多、文字很多、内容分得很细的时候，爱用这种方法（它在DW里的快捷键是Ctrl+Alt+C，FP不知道是什么）的人往往会狂用，惨了，我一碰到这样的网页就头痛，为什么要用那么多<div>来居中呢？tellmewhy？难道表格没有居中属性吗？为什么要加入这些垃圾代码？特别修改的时候也不能把文字或图片删除了就能自动清除 n^}M*#
@4sE H k
3
H
J5 Kt t
!9 7U2L4
建议使用<tdalign="center">来居中，当需要多重定位的时候，才考虑<divalign="center">，因为这个代码并不好处理，所以能用表格代替就用表格替代。 'v|R' wi\
w4:|Z@ I
L tk'`
tj ONN(K`
3.重复使用实现相同功能的代码、或杂七杂八的乱套代码 (29h{= P'
a4a/]q4T
,[gu7z^|
?HD
eiJ kX
犯错机率：非常普遍 KImBQ2 ^Tu
XSfl'Fll D
~Qg:_ @@\
D./!/>@f
普遍性：非常普遍 W#|30RU.G
" pZvV0'
dWR-}>
HACY
犯错可能性：复杂多样 Wi;w u*
v d{`*|x
k 4HE'WY
\r.{Ru
大家先来看一看下面的代码： DfPC@`
k
b-/8R|Mem
E*B6
k!:
-(oFO'L bg
<center><p><fontclass="css_id"><fontclass="font11"><fontcolor="#CCCCCC"><fontcolor="#FFA76C"style="font-size:14px;font-family:隶书">标题</font></font></font>
rT#2'-f
l_q=@y
tfAO#h tq
R>C^duos.
</center>你觉得这样的代码看起来感觉怎么样呢？</font></p> D qH?:`G
1H-d<G0)
vvi [+$M
bb4 `s0
我不知道读者有什么感觉，压根我一看到这样的代码就会先自我麻木十来秒，这十来秒目的是为了找一个能表达我的思想感情的词（我？你想反问我吗？sorry~~，我一般不犯，因为我做网页至少有一半以上的时间在浏览代码，代码中多了不该多的东西我一眼就能看出来。）。 #^>M d59N
v1j&oA}$.
Y[R;UJE`5
xHpB/P ~
看看上面的代码，使用了2个class，4个font来定义2个文本，其实这样的问题很多时候是在大家不断的修改中产生的，对代码不熟、或懒查看代码、又或不喜欢查看代码的人犯这些问题特别严重，当然，事实上别人浏览这个网页的时候，是没有任何问题的，但维护的人就…………。 W2`/z)[*>
wCitQ0?
\*+- Bm:$j
yQ03&{#
这些多余的垃圾代码完全是可以省略掉的，其实上面的例子不够严重，更恐怖的我都见过。 e[
($rsx
C G0jZB#u
/>dH\KvN
| y%M";MI
另外还有一个问题也要提提的，就是<p>...</p>和<center>...</center>，为什么要用它们呢？tellmewhy~~，有甚者是这样的： MXP3Z N'
%> z)Q
bm\ Zp
+M{A4nYY|1
<td><divalign="center"class="css_id"> .l:x!
+?%L X4Y
Pw|J([
q(s &2|
<center> -L6V)aK&
^ V?W'~
JU`5K}H<
zf .&E3Sn
<palign="center"></p> "V3f"J?
&57s //PrX
#HyE-|_
C
XNaiMpp'
<palign="center"><fontclass="css_id"><fontclass="font11"><fontcolor="#CCCCCC"><fontcolor="#FFA76C"style="font-size:14px;font-family:隶书">标题</font></font></font> EHlkt,h*
wqE+hKs,
py%_XL=w,
]1dnp ]r
</center></td>你觉得这样的代码看起来感觉怎么样呢？</font></p></center></div></td> =2& Sw(6j
"bm Wr)
}HLV'^"k
(! :+q$#BK
看到这样的代码我是会很无奈的（更无奈的是我经常看到，而且必须看），我来简化一下： ^b& U0k$R
4<<T#oW.:G
9*CJWS ;
TYu(;~
<tdalign="center"class="css_id"> lEr_4!h$rZ
k3VRa|Y")
vE$n0bL2
P0O=veCf
<fontcolor="#FFA76C"style="font-size:14px;font-family:隶书">标题</font> ]MaD7q>+R
"jA?s9
wdLl Q D
-,pw[R
你觉得这样的代码看起来感觉怎么样呢？</td> gK",D^6T*Y
h$_5)d~
5$<Ozkj(
V:>ZSW4,^
是不是看起来觉得这个世界安静了很多？"标题"后面的文字完成可以定义在<td>的class里，就算不用css，再用多一个<.font>也没问题，一样很清爽。 i$ "M'BG
_2wH4 ^Vb
=BVBC h
NKRI|'Y,
4.表格不正确嵌套 $G D@e0
g>;u} +lO
=DLVWz/<
' "I-! +
犯错机率：一般 p$!Q?&AV/
c^ W \0
c]>LL(R-7)
L`n Ma
普遍性：普遍 L)-1( e<x
H?$gHZ P I
:7 OhplI
#J|DW C!#d
犯错可能性：对这个不了解 /6Olq6V
~xakz BE
D !5 {CQl
Hq oCl
其实这是一个街知巷闻的问题了，但还是不断有人犯，不正确的嵌套表格，可能会令到你被老总叫到办公室里臭骂一顿，会令到你以为正常的网页用ADSL开2、3分钟都开不了。 先讲第一个问题，就是在一个大表格里不断地嵌套表格，这样会令到打开网页的速度变慢（虽然说现在的IE改善了这一问题，但还是不建议这样做），另一方面维护、修改也极不方便，一般来说简单的套用是没有问题的，甚至3、4层，但是不要把所有内容都放到一个表格里去。 第二个问题就是在一个大表格里放入所有内容，而其中包括一个免费的计数器代码，嘻嘻，你猜有可能出现什么情况呢？其实也没什么大不了的，最严重的就是你的IE象死机了一样，什么都没显示。解决方法就是把计数器单独放在一个表格里，别和其他内容一起放在同一表格。 kCvf-;b
U_6 1y;Q"
# "KaRh
1vUW$)?X
5.写代码缩进的时候，不是使用Tab而是使用空格 K3-Cuku
y_}jf,b4
/& wA$h
&)GlLpaT
犯错机率：一般 _t.U b :
T%[!m5
o*Kl`3=]
c(r8
F[4w
普遍性：较少 * Vr;rk
WeE1 \
st-I7K\ v
= @n `5g
犯错可能性：不知道Tab更好用 .j^=]3
^;mnP=`l[
`~+[pY 1r
]o2 Z 14
这一个问题针对js、vbs、asp、php之类，html不能使用Tab会写一点程序的都知道什么叫缩进，怎么样缩进？有人使用空格，有人使用Tab，如果你是使用空格的，那么从现在起，改用Tab吧。
|
|
|
|
[楼 主]
|
Posted: 2006-04-03 13:40 |
| |
常州五颜六色网络技术有限公司 -> 网站建设 -> 网页设计中HTML常犯的五个错误
