返回列表 发帖

XHTML代码规范

在开始正式内容制作之前,我们必须先了解一下web标准有关代码的规范。了解这些规范可以帮助你少走弯路,尽快通过代码校验。 ! f7 L+ C7 n2 p8 U9 U% d7 O" X
1.所有的标记都必须要有一个相应的结束标记
% P& L7 O' b! s) f. E; b4 H- ]以前在HTML中,你可以打开许多标签,例如<p>和<li>而不一定写对应的</p>和< /li>来关闭它们。但在XHTML中这是不合法的。XHTML要求有严谨的结构,所有标签必须关闭。如果是单独不成对的标签,在标签最后加一个 "/"来关闭它。例如:+ d7 N8 ]" K" ?$ ?- }2 q7 L9 v
<br /><img height="80" alt="网页设计师" src="../images/logo_w3cn_200x80.gif" width="200" />
2 a$ X2 z0 e* f5 Y1 o' u4 u2.所有标签的元素和属性的名字都必须使用小写/ j0 G8 G9 I6 O, Y0 B
与HTML不一样,XHTML对大小写是敏感的,<title>和<TITLE>是不同的标签。XHTML要求所有的标签和属性的名字都必须使用小写。例如:<BODY>必须写成<body> 。大小写夹杂也是不被认可的,通常dreamweaver自动生成的属性名字"onMouseOver"也必须修改成"onmouseover"。
0 r( M. U. T4 J0 D: r9 H3 X! N$ N3.所有的XML标记都必须合理嵌套6 Y# a' ]9 V$ B9 b7 Q! v
同样因为XHTML要求有严谨的结构,因此所有的嵌套都必须按顺序,以前我们这样写的代码:, t1 `5 y) J+ ~0 a4 m# x) y
<p><b></p>/b>   H( ]- v1 @2 l
必须修改为:
/ h3 R" ~) v; B# L<p><b></b>/p>
" ~' X: z8 s5 |( r2 p$ t9 U就是说,一层一层的嵌套必须是严格对称。. ~6 F( Z0 u5 s4 H" R
4.所有的属性必须用引号""括起来
. e. R  ~. S; G1 K" |4 W5 O在HTML中,你可以不需要给属性值加引号,但是在XHTML中,它们必须被加引号。例如:$ d: z) |# V3 Z9 Z# r
<height=80>
# M) {( k% @9 v, h! {$ s必须修改为:: v9 G( k. J0 M0 V, M
<height="80">
& V7 }. `: ?) p0 m; _特殊情况,你需要在属性值里使用双引号,你可以用",单引号可以使用’,例如:9 ?' p% F* [* b% ]0 A4 m
<alt="say’hello’">
& b: G% t! b; W; o5.把所有<和&特殊符号用编码表示
. J6 U) K' o1 F  }7 V6 O, a0 Y任何小于号(<),不是标签的一部分,都必须被编码为& l t ;
: n# t! C4 f( ?" R  E' A任何大于号(>),不是标签的一部分,都必须被编码为& g t ;
  ~- C0 Q1 `3 E+ [: Y; C任何与号(&),不是实体的一部分的,都必须被编码为& a m p; & i# c) O! a+ B7 W. c) u
注:以上字符之间无空格。1 V7 V- S# ^4 G- ?( N+ ]
6.给所有属性赋一个值: C0 ?0 ?+ Q1 C
XHTML规定所有属性都必须有一个值,没有值的就重复本身。例如:
( z4 D; E4 d9 M$ ?( e<td nowrap> <input type="checkbox" name="shirt" value="medium" checked> % p/ k' n- m, S$ t6 h% {3 ]
必须修改为:; X' s$ _1 l# G, a4 ^7 f  @# C8 `
<td nowrap="nowrap"> <input type="checkbox" name="shirt" value="medium" checked="checked"> ' G8 e( ^. G5 R
7.不要在注释内容中使“--”
( S8 n1 Q$ G3 t$ w& ^: q9 z" f“--”只能发生在XHTML注释的开头和结束,也就是说,在内容中它们不再有效。例如下面的代码是无效的:' |& N" I, E: k1 K
<!--这里是注释-----------这里是注释-->
8 ]$ q3 F! A2 @- e用等号或者空格替换内部的虚线。" c& M' [$ N' U4 r1 g5 G% M
<!--这里是注释============这里是注释-->
0 x2 _, I6 z) h2 h6 j以上这些规范有的看上去比较奇怪,但这一切都是为了使我们的代码有一个统一、唯一的标准,便于以后的数据再利用。

返回列表
【捌玖网络】已经运行: