返回列表 发帖

XHTML代码规范

在开始正式内容制作之前,我们必须先了解一下web标准有关代码的规范。了解这些规范可以帮助你少走弯路,尽快通过代码校验。 ! A: n- r6 k1 r( B& @& v9 K; ^- D
1.所有的标记都必须要有一个相应的结束标记
- j0 q3 v" r" J以前在HTML中,你可以打开许多标签,例如<p>和<li>而不一定写对应的</p>和< /li>来关闭它们。但在XHTML中这是不合法的。XHTML要求有严谨的结构,所有标签必须关闭。如果是单独不成对的标签,在标签最后加一个 "/"来关闭它。例如:! W$ r  [7 M% j" l
<br /><img height="80" alt="网页设计师" src="../images/logo_w3cn_200x80.gif" width="200" />
( @4 }) o# c# G2.所有标签的元素和属性的名字都必须使用小写7 o5 {1 B+ Q/ O- m1 z# ~$ K
与HTML不一样,XHTML对大小写是敏感的,<title>和<TITLE>是不同的标签。XHTML要求所有的标签和属性的名字都必须使用小写。例如:<BODY>必须写成<body> 。大小写夹杂也是不被认可的,通常dreamweaver自动生成的属性名字"onMouseOver"也必须修改成"onmouseover"。# h$ v. v6 Z6 w1 r/ c7 c" }
3.所有的XML标记都必须合理嵌套0 w4 p9 D! I2 {. g2 h7 K
同样因为XHTML要求有严谨的结构,因此所有的嵌套都必须按顺序,以前我们这样写的代码:
0 c, G! _) V, \( V1 i5 a6 j" k<p><b></p>/b>
' L  L& D7 B3 o/ A& J必须修改为:
; @+ d( a4 b+ u1 r6 c<p><b></b>/p> . b3 `# j) F! k+ o% n( x
就是说,一层一层的嵌套必须是严格对称。
" ]# {* s) F5 N! }4.所有的属性必须用引号""括起来
$ V1 I. {/ w) M" }5 c1 p- r/ D7 V在HTML中,你可以不需要给属性值加引号,但是在XHTML中,它们必须被加引号。例如:
( q0 ^7 q: \* U) L( G<height=80> , t) G" P8 ]" T8 z" ]" _, z/ Z4 b) f
必须修改为:
) i$ c4 v% d& _/ t<height="80">
! U' H0 z& ]/ h6 w4 f特殊情况,你需要在属性值里使用双引号,你可以用",单引号可以使用’,例如:
0 e8 M0 U; T- m' W<alt="say’hello’"> 6 q: e! m, N! w: x, ?
5.把所有<和&特殊符号用编码表示! J' t6 |1 l. M9 l* l7 x
任何小于号(<),不是标签的一部分,都必须被编码为& l t ; ) `7 W: ^2 Q0 d+ i9 E2 J
任何大于号(>),不是标签的一部分,都必须被编码为& g t ; & [9 q: y  ~' N
任何与号(&),不是实体的一部分的,都必须被编码为& a m p; 9 f( G) W  r6 l
注:以上字符之间无空格。
1 I; V  O0 Z) y! p2 O: \) a6.给所有属性赋一个值$ Z9 K' e% U* t
XHTML规定所有属性都必须有一个值,没有值的就重复本身。例如:
; z$ I2 V2 \  ?& V<td nowrap> <input type="checkbox" name="shirt" value="medium" checked>
' }. O& V* L; K% ]8 v必须修改为:
  F5 r5 U  b$ }& {<td nowrap="nowrap"> <input type="checkbox" name="shirt" value="medium" checked="checked"> 4 }: N* c9 W  M8 W& O
7.不要在注释内容中使“--”9 b7 P' Z3 Z2 Z& ~1 O6 ^
“--”只能发生在XHTML注释的开头和结束,也就是说,在内容中它们不再有效。例如下面的代码是无效的:" k+ [; B9 c4 p5 ~
<!--这里是注释-----------这里是注释-->
2 Q8 n" _, T2 A# z用等号或者空格替换内部的虚线。
/ j9 c' b  ]  E6 ?6 D. [- Y# o' V<!--这里是注释============这里是注释-->
  H- s" e0 H4 `' T9 t( r1 [以上这些规范有的看上去比较奇怪,但这一切都是为了使我们的代码有一个统一、唯一的标准,便于以后的数据再利用。

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