返回列表 发帖

XHTML代码规范

在开始正式内容制作之前,我们必须先了解一下web标准有关代码的规范。了解这些规范可以帮助你少走弯路,尽快通过代码校验。 * P( B! h$ A/ w7 W: ]
1.所有的标记都必须要有一个相应的结束标记
  h- ~/ G1 ]4 Z4 N* Q' Q. y以前在HTML中,你可以打开许多标签,例如<p>和<li>而不一定写对应的</p>和< /li>来关闭它们。但在XHTML中这是不合法的。XHTML要求有严谨的结构,所有标签必须关闭。如果是单独不成对的标签,在标签最后加一个 "/"来关闭它。例如:
4 \$ T2 }. O, }<br /><img height="80" alt="网页设计师" src="../images/logo_w3cn_200x80.gif" width="200" />
1 @6 f/ F1 e/ X, K2.所有标签的元素和属性的名字都必须使用小写
1 a$ e) Z0 t/ \5 f& f8 L/ y与HTML不一样,XHTML对大小写是敏感的,<title>和<TITLE>是不同的标签。XHTML要求所有的标签和属性的名字都必须使用小写。例如:<BODY>必须写成<body> 。大小写夹杂也是不被认可的,通常dreamweaver自动生成的属性名字"onMouseOver"也必须修改成"onmouseover"。
$ w- x+ e  y' R: l4 l4 L3.所有的XML标记都必须合理嵌套
1 T/ F) u+ I) Z( b: [5 G1 F同样因为XHTML要求有严谨的结构,因此所有的嵌套都必须按顺序,以前我们这样写的代码:
: \9 n$ n' q7 v2 q, [  z" H<p><b></p>/b>
2 X, i4 s! S3 [, k! V& u# v必须修改为:
- p( V& d/ ]. t% g, l: T<p><b></b>/p>
- ]: B7 k5 h, X$ l就是说,一层一层的嵌套必须是严格对称。0 ^  J3 _6 A) ]
4.所有的属性必须用引号""括起来9 @0 Y) f$ Q5 z5 i3 B$ o
在HTML中,你可以不需要给属性值加引号,但是在XHTML中,它们必须被加引号。例如:
) _2 n5 v3 ?* E/ C1 x<height=80> ) n+ j/ [+ b$ G1 I) h
必须修改为:
$ [8 C# R0 s; E9 a- k' Y<height="80"> ' J3 U3 f1 T" B& l- F: u1 }
特殊情况,你需要在属性值里使用双引号,你可以用",单引号可以使用’,例如:
* I( U; r# w$ g' a3 q8 h# U<alt="say’hello’">
! |' G. f; ^5 _6 B% i1 ~/ V! u5.把所有<和&特殊符号用编码表示
( k( Y* V0 L) ~0 z; d/ `任何小于号(<),不是标签的一部分,都必须被编码为& l t ;
0 n5 k3 N# Q( O任何大于号(>),不是标签的一部分,都必须被编码为& g t ; . U) n, k9 H% u0 h: a% |# {/ j* ~- J
任何与号(&),不是实体的一部分的,都必须被编码为& a m p; " n% p5 S4 N8 R* N+ q; @2 W" _
注:以上字符之间无空格。( j5 z- X+ S; E+ P: M; Y) M
6.给所有属性赋一个值3 Q- }" c! S* I/ a0 N( c
XHTML规定所有属性都必须有一个值,没有值的就重复本身。例如:
& |6 l! f0 O! U6 ], n5 l3 \<td nowrap> <input type="checkbox" name="shirt" value="medium" checked> ' ~1 c, f& N/ m: ]! ~6 ?5 D
必须修改为:
3 w2 h3 S) A, m0 X: Q# ~<td nowrap="nowrap"> <input type="checkbox" name="shirt" value="medium" checked="checked"> " L& O+ a2 B+ U5 t* q5 Y5 [
7.不要在注释内容中使“--”
: ?9 R2 C: W5 i- q“--”只能发生在XHTML注释的开头和结束,也就是说,在内容中它们不再有效。例如下面的代码是无效的:  N% p7 t" `+ P1 P, f5 K9 d
<!--这里是注释-----------这里是注释-->
) w! B+ p# [. F/ A/ m用等号或者空格替换内部的虚线。* e8 X5 M. h2 X) Z. b2 [7 t
<!--这里是注释============这里是注释-->
0 G+ ^2 o9 j  u' J/ O. ?4 S9 o1 w以上这些规范有的看上去比较奇怪,但这一切都是为了使我们的代码有一个统一、唯一的标准,便于以后的数据再利用。

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