Board logo

标题: XHTML代码规范 [打印本页]

作者: admin    时间: 2008-1-19 23:39     标题: XHTML代码规范

在开始正式内容制作之前,我们必须先了解一下web标准有关代码的规范。了解这些规范可以帮助你少走弯路,尽快通过代码校验。 , Y9 E" ]" u+ l; q9 e  a% h9 p
1.所有的标记都必须要有一个相应的结束标记
$ A2 D' o( i8 u2 L以前在HTML中,你可以打开许多标签,例如<p>和<li>而不一定写对应的</p>和< /li>来关闭它们。但在XHTML中这是不合法的。XHTML要求有严谨的结构,所有标签必须关闭。如果是单独不成对的标签,在标签最后加一个 "/"来关闭它。例如:/ ^5 K6 H1 _& H, }
<br /><img height="80" alt="网页设计师" src="../images/logo_w3cn_200x80.gif" width="200" /> 4 R2 \) O+ b, a# R
2.所有标签的元素和属性的名字都必须使用小写9 b5 @, r+ y1 u) M
与HTML不一样,XHTML对大小写是敏感的,<title>和<TITLE>是不同的标签。XHTML要求所有的标签和属性的名字都必须使用小写。例如:<BODY>必须写成<body> 。大小写夹杂也是不被认可的,通常dreamweaver自动生成的属性名字"onMouseOver"也必须修改成"onmouseover"。5 I4 O) V/ _% K7 d6 z+ ~, v
3.所有的XML标记都必须合理嵌套
/ l6 M7 Y2 u0 r: |0 h% Q/ C3 G* D: Z6 R同样因为XHTML要求有严谨的结构,因此所有的嵌套都必须按顺序,以前我们这样写的代码:! o) S# R$ g7 N2 r
<p><b></p>/b> 3 }4 {* _' M1 n2 @2 H: E5 {' n
必须修改为:  c2 K$ @) f2 ^
<p><b></b>/p> ) A, X; r- |) E: s% T/ e; g1 [
就是说,一层一层的嵌套必须是严格对称。
1 v' h6 X3 p3 ]4 Q' }$ F6 Z- u4.所有的属性必须用引号""括起来
) T8 b) H) p8 l" n1 G1 w. {在HTML中,你可以不需要给属性值加引号,但是在XHTML中,它们必须被加引号。例如:& l. ?/ h5 [0 G/ y+ C2 }- K
<height=80> 3 \7 C) S& Y0 a, G* Z$ O
必须修改为:
5 J, Y  P: E' F* l. D; N4 S) S$ M<height="80"> ( b: A# N: G; T. O9 z) n. X
特殊情况,你需要在属性值里使用双引号,你可以用",单引号可以使用’,例如:
  n! r" |. x9 i) N<alt="say’hello’"> 0 a! v2 Z  h9 A
5.把所有<和&特殊符号用编码表示! B" l# a$ \! |% c1 C
任何小于号(<),不是标签的一部分,都必须被编码为& l t ; / Y( ~- u9 w: ?% r; ?8 O. w+ R
任何大于号(>),不是标签的一部分,都必须被编码为& g t ;
4 C3 r2 j" E! ~" f任何与号(&),不是实体的一部分的,都必须被编码为& a m p;
6 F. e7 m. U( M: `! k* f注:以上字符之间无空格。8 X$ O" b. Z$ S! ~: O: x( J2 y
6.给所有属性赋一个值
) o- Z# v+ C$ N( g6 x" i# x- AXHTML规定所有属性都必须有一个值,没有值的就重复本身。例如:" u6 S+ r$ \" V8 l! z: f  |# @
<td nowrap> <input type="checkbox" name="shirt" value="medium" checked>
: V% L; |" ~, p  o必须修改为:' k+ W4 d/ T8 q2 }/ a) e
<td nowrap="nowrap"> <input type="checkbox" name="shirt" value="medium" checked="checked">
& z) ^4 h& f4 {" e  ?# d7.不要在注释内容中使“--”
" ~- G4 R) A& m5 L3 ]“--”只能发生在XHTML注释的开头和结束,也就是说,在内容中它们不再有效。例如下面的代码是无效的:! H/ p* g% W; A0 ^6 V
<!--这里是注释-----------这里是注释-->
) N' x: c, d7 D$ W3 m用等号或者空格替换内部的虚线。
; u# S( J. b/ k- @+ n<!--这里是注释============这里是注释-->
; C6 b1 k# @9 q2 ?以上这些规范有的看上去比较奇怪,但这一切都是为了使我们的代码有一个统一、唯一的标准,便于以后的数据再利用。




欢迎光临 捌玖网络工作室 (http://89w.org/) Powered by Discuz! 7.2