发新话题
打印

[软件] [20070713]关于网页设计中HTML易范的几个错误

[20070713]关于网页设计中HTML易范的几个错误

引用:
最近看见许多人都在69里使用HTML代码来做帖子,但同时也发现了一些问题,结合以前的看见的一些随便写点新闻,军事,休闲,美女,娱乐,影视,下载,文学,社区,BBS,论坛, e$ T5 U9 V$ }7 v
引用:
网页背景色的设置新闻,军事,休闲,美女,娱乐,影视,下载,文学,社区,BBS,论坛4 J8 \( ?1 ?( |" m6 r$ ]
  绝大部分人的窗口背景颜色都是白色,但如果象我这样个性的人,就会把windows窗口的背景颜色改成灰色或其他色,这样一来,如果你没有设置网页的背景颜色的话,你以为正常的网页在我的电脑上看起来会是一团糟。
www.69699.org( _& q9 S- E& }* f% ^. f
引用:
Align center(自动居中)的滥用新闻,军事,休闲,美女,娱乐,影视,下载,文学,社区,BBS,论坛& S+ O2 E2 o7 n  U+ O; |
工作中,修改、维护别人的网页是家常便饭,发现不少人有一个陋习:69中文之家 / 69 Chinese Nets7 }. T- n" g3 m$ E
  在表格中的文字或图片,你是这样来令它居中、靠左或靠右过?新闻,军事,休闲,美女,娱乐,影视,下载,文学,社区,BBS,论坛+ I4 v0 K' m# Y# @4 B- D
----让心情一起飞扬6 T* e8 s! {! I4 J
新闻,军事,休闲,美女,娱乐,影视,下载,文学,社区,BBS,论坛& P2 l  R1 [% c% u+ @
----让心情一起飞扬4 n) n( g9 ~8 A/ E
  <div align="center">大家好啊!!</div>新闻,军事,休闲,美女,娱乐,影视,下载,文学,社区,BBS,论坛' W6 p, r7 z( j% M
  <div align="center"><img src="xx.gif"></div>
6 y% x  ?9 F* m8 ]% ?1 u; a9 K69中文之家 / 69 Chinese Nets
1 g( B* X/ b. n7 H  e9 J( ?----让心情一起飞扬新闻,军事,休闲,美女,娱乐,影视,下载,文学,社区,BBS,论坛5 z: j0 B0 n8 @9 g5 q

9 s) r* K* u, owww.69699.org  当有些表格很多、文字很多、内容分得很细的时候,爱用这种方法(它在DW里的快捷键是Ctrl+Alt+C,FP不知道是什么)的人往往会狂用,惨了,我一碰到这样的网页就头痛,为什么要用那么多<div>来居中呢?告诉我为什么?难道表格没有居中属性吗?为什么要加入这些垃圾代码?特别修改的时候也不能把文字或图片删除了就能自动清除<div align="center">这个代码,还要手工去清除,在复杂点的网页中就会无故地浪费维护者一笔时间。
+ r; [  `% b& a5 R% i! H( F/ ^/ v----让心情一起飞扬  建议使用<td align="center">来居中,当需要多重定位的时候,才考虑<div align="center">,因为这个代码并不好处理,所以能用表格代替就用表格替代。
www.69699.org# S  f% f# F6 Q. u- x2 g# }5 Q
新闻,军事,休闲,美女,娱乐,影视,下载,文学,社区,BBS,论坛. D: C9 s4 S- {0 {
, f% @3 ~4 k2 q: E$ H/ z
引用:
重复使用实现相同功能的代码、或杂七杂八的乱套代码
9 v& {/ A9 f; u5 N% p3 H$ G% V  
+ W+ E9 a( ~3 B( w" C大家先来看一看下面的代码:新闻,军事,休闲,美女,娱乐,影视,下载,文学,社区,BBS,论坛' z9 ?4 X% @( q. o* v+ p% O
  <center><p><font class="css_id"><font class="font11"><font color="#CCCCCC"><font color="#FFA76C" style="font-size:14px;font-family:隶书">标 题</font></font></font>
' ?8 d4 Q9 l, {; ]; z2 i69中文之家 / 69 Chinese Nets</center>你觉得这样的代码看起来感觉怎么样呢?</font></p>
6 \6 W& O, h/ C3 ]" _, I69中文之家 / 69 Chinese Nets
+ A4 h: f% Q  }& \/ F; T  看看上面的代码,使用了2个class,4个font来定义2个文本,其实这样的问题很多时候是在大家不断的修改中产生的,对代码不熟、或懒查看代码、又或不喜欢查看代码的人犯这些问题特别严重,当然,事实上别人浏览这个网页的时候,是没有任何问题的,但维护的人就…………。
' N' j* q. u, m! d, Q+ m: P新闻,军事,休闲,美女,娱乐,影视,下载,文学,社区,BBS,论坛这些多余的垃圾代码完全是可以省略掉的,其实上面的例子不够严重,更恐怖的我都见过。69中文之家 / 69 Chinese Nets7 h# D3 b" p) `: t3 j' y
新闻,军事,休闲,美女,娱乐,影视,下载,文学,社区,BBS,论坛2 D  I. G, ~  c: Y% x
另外还有一个问题也要提提的,就是<p>...</p>和<center>...</center>,为什么要用它们呢?呵呵~,有甚者是这样的:
/ G) Y0 m% q& y7 Z, g69中文之家 / 69 Chinese Nets
0 \# _9 v' N: _/ V0 c3 T<td><div align="center" class="css_id">
" M% F3 {& k/ V$ E* A# j新闻,军事,休闲,美女,娱乐,影视,下载,文学,社区,BBS,论坛<center>69中文之家 / 69 Chinese Nets- j! z! ~0 W7 |6 M( Q4 |
<p align="center"></p>69中文之家 / 69 Chinese Nets0 b7 l3 i: l) i3 c& L
<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>新闻,军事,休闲,美女,娱乐,影视,下载,文学,社区,BBS,论坛% y6 ^' f% S: y8 a0 o
</center></td>你觉得这样的代码看起来感觉怎么样呢?</font></p></center></div></td>69中文之家 / 69 Chinese Nets" d: C) e3 Z) n' m& N; K
www.69699.org8 u% j3 g9 k" R* K7 W: G6 Z

0 ^2 _+ C+ e9 [6 d  |新闻,军事,休闲,美女,娱乐,影视,下载,文学,社区,BBS,论坛----让心情一起飞扬( a/ `: t! l0 H6 l& T% `8 X1 Y: \
  这样的代码问题在哪呢,呵呵 我来简化一下:
$ H" M9 q( h1 Q9 y1 J. y: u69中文之家 / 69 Chinese Nets<td align="center" class="css_id">www.69699.org9 H3 }8 A9 v# p, M* z! b2 A
<font color="#FFA76C" style="font-size:14px;font-family:隶书">标题</font>新闻,军事,休闲,美女,娱乐,影视,下载,文学,社区,BBS,论坛+ O+ O: F7 u1 Q, z  T6 h5 L
你觉得这样的代码看起来感觉怎么样呢?</td>
* Y; r( t8 k3 N5 q4 p新闻,军事,休闲,美女,娱乐,影视,下载,文学,社区,BBS,论坛
$ c+ A( q; N+ o- [----让心情一起飞扬
0 H) ]# w, l7 y: Y2 W2 |$ E4 ]( k. U- K$ N2 h3 t0 x) K
  是不是看起来觉得这个世界安静了很多?"标题"后面的文字完成可以定义在<td>的class里,就算不用css,再用多一个<.font>也没问题,一样很清爽。
) W  G9 {- z6 g# `$ F# n' W0 F/ s
# K7 h" I# d4 b3 G& W  iwww.69699.orgwww.69699.org. j! B/ \: C8 v# j$ {) b" }

- G) C9 i% N+ Q8 n3 `( k69中文之家 / 69 Chinese Nets
6 T( T+ Z5 H9 m- P# u/ F新闻,军事,休闲,美女,娱乐,影视,下载,文学,社区,BBS,论坛
; P( r: o" P) C----让心情一起飞扬
引用:
表格不正确嵌套
' w. i" F6 l9 u8 Q9 ~0 C! c/ B6 T7 j6 @新闻,军事,休闲,美女,娱乐,影视,下载,文学,社区,BBS,论坛
" o% b% ]- ]/ W  c新闻,军事,休闲,美女,娱乐,影视,下载,文学,社区,BBS,论坛69中文之家 / 69 Chinese Nets3 w  t$ A6 V, N& j2 L
  其实这是一个街知巷闻的问题了,但还是不断有人犯,不正确的嵌套表格.会令到你以为正常的网页用ADSL开2、3分钟都开不了。6 t, @2 t  V% }) q+ B0 l
www.69699.org8 O0 O7 Q: {/ X. V1 W
新闻,军事,休闲,美女,娱乐,影视,下载,文学,社区,BBS,论坛, z8 H. z9 j8 ?6 H3 \

; q, d$ X, _" [: U: B----让心情一起飞扬  第一个问题,就是在一个大表格里不断地嵌套表格,这样会令到打开网页的速度变慢,我初学的时候句是这么干的 (虽然说现在的IE改善了这一问题,但还是不建议这样做),另一方面维护、修改也极不方便,一般来说简单的套用是没有问题的,甚至3、4层,但是不要把所有内容都放到一个表格里去。% N7 Z8 N! W; M0 u% F
新闻,军事,休闲,美女,娱乐,影视,下载,文学,社区,BBS,论坛" K! z1 ^% q* s1 a& l! u3 v

* d( C  ^5 v3 x+ h0 |3 Y----让心情一起飞扬3 {2 V% g. F( n  o* c( P  m9 N
  第二个问题就是在一个大表格里放入所有内容,而其中包括一个免费的计数器代码,呵呵,你猜有可能出现什么情况呢?其实也没什么大不了的,最严重的就是你的IE象死机了一样,什么都没显示。解决方法就是把计数器单独放在一个表格里,别和其他内容一起放在同一表格。
* X' e' I/ }  ^: I' k69中文之家 / 69 Chinese Nets新闻,军事,休闲,美女,娱乐,影视,下载,文学,社区,BBS,论坛$ o  v3 \+ ?/ o5 e. C
引用:
写代码缩进的时候,不是使用Tab而是使用空
3 G. J6 U, D( Pwww.69699.org     这一个问题针对js、vbs、asp、php之类,html不能使用Tab会写一点程序的都知道什么叫缩进,怎么样缩进?有人使用空格,有人使用Tab,如果你是使用空格的,那么从现在起,改用Tab吧。69中文之家 / 69 Chinese Nets/ o+ F% \$ e" ]; s4 H. L/ M
使用空格有二大坏处:1、缩进速度慢、修改速度慢。2、增大网页体积,会影响速度。
% F+ ^( w$ q. B, W/ Z* z+ ^

- d  V) {1 N/ z$ C% y" b----让心情一起飞扬[ 本帖最后由 大漠之鸿 于 2007-7-13 22:18 编辑 ]
本帖最近评分记录
  • 西岭雪 积分 +5 感谢支持,FF鼓励^_^ 2007-7-14 10:26

TOP

懒的一一对,把没用的去掉,简化

TOP

好好学习,这方面纯粹不懂
   

TOP

发新话题