网页设计中HTML常范的五个错误
1.网页背景色的设置 7` Z7v9Sx]0k*^7qsX|8E P Y
犯错机率:很大4yk dgw a F{Y*j
普遍性:较广
犯错可能性:懒/不知道
约2年前我曾发现21cn上出现过一次没有设置背景色的情况,当时我用Email通知了他们,自此之后这个问题我从没犯过。x%D'G`L\ @u t
绝大部分人的窗口背景颜色都是白色,但如果象我这样个性的人,就会把windows窗口的背景颜色改成灰色或其他色,这样一来,如果你没有设置网页的背景颜色的话,你以为正常的网页在我的电脑上看起来会是一团糟。
6\ i%O YbQ&D4p
2.Align center(自动居中)的滥用
+@4^{2oi bb!G
犯错机率:非常大xr9y T4G0j.L O N
普遍性:非常广7BZ~4w-o8m6R1OSF
犯错可能性:以为方便/以为好用
"q4T}0@(M?(|*D:~
工作中,修改、维护别人的网页是家常便饭,发现不少人有一个陋习:fc5s1_)@r
在表格中的文字或图片,你是这样来令它居中、靠左或靠右过?
<div align="center">大家好啊!!</div>q-O uW\ |.el9~Y{8?
<div align="center"><img src="xx.gif"></div>
当有些表格很多、文字很多、内容分得很细的时候,爱用这种方法(它在DW里的快捷键是Ctrl+Alt+C,FP不知道是什么)的人往往会狂用,惨了,我一碰到这样的网页就头痛,为什么要用那么多<div>来居中呢?tell me why?难道表格没有居中属性吗?为什么要加入这些垃圾代码?特别修改的时候也不能把文字或图片删除了就能自动清除<div align="center">这个代码,还要手工去清除,在复杂点的网页中就会无故地浪费维护者一笔时间。
建议使用<td align="center">来居中,当需要多重定位的时候,才考虑<div align="center">,因为这个代码并不好处理,所以能用表格代替就用表格替代。1tT/}\S
.L@:jU;N*m'[
3.重复使用实现相同功能的代码、或杂七杂八的乱套代码:RQ$UN2W G
犯错机率:非常普遍
普遍性:非常普遍
犯错可能性:复杂多样
3d-b,}*b1{"Wy
大家先来看一看下面的代码:O!K:O&Q6W~6S
<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>
9f+h0Sy#\%\
我不知道读者有什么感觉,压根我一看到这样的代码就会先自我麻木十来秒,这十来秒目的是为了找一个能表达我的思想感情的词(我?你想反问我吗?sorry~~,我一般不犯,因为我做网页至少有一半以上的时间在浏览代码,代码中多了不该多的东西我一眼就能看出来。)。