  
- UID
- 1
- 帖子
- 738
- 精华
- 28
- 积分
- 14197
- 金币
- 2389
- 威望
- 1647
- 贡献
- 1337
|
在开始正式内容制作之前,我们必须先了解一下web标准有关代码的规范。了解这些规范可以帮助你少走弯路,尽快通过代码校验。 6 R3 n1 Z* d" `5 n7 w9 U$ A
1.所有的标记都必须要有一个相应的结束标记
5 E9 T0 ]0 j9 n% Z1 ]以前在HTML中,你可以打开许多标签,例如<p>和<li>而不一定写对应的</p>和< /li>来关闭它们。但在XHTML中这是不合法的。XHTML要求有严谨的结构,所有标签必须关闭。如果是单独不成对的标签,在标签最后加一个 "/"来关闭它。例如:) @" [+ u; N+ @, M5 `8 ]3 l
<br /><img height="80" alt="网页设计师" src="../images/logo_w3cn_200x80.gif" width="200" />
' X/ l! y+ i; j* U2.所有标签的元素和属性的名字都必须使用小写
. o, R @$ v4 F! z. M5 N8 m5 F* [2 w与HTML不一样,XHTML对大小写是敏感的,<title>和<TITLE>是不同的标签。XHTML要求所有的标签和属性的名字都必须使用小写。例如:<BODY>必须写成<body> 。大小写夹杂也是不被认可的,通常dreamweaver自动生成的属性名字"onMouseOver"也必须修改成"onmouseover"。4 R' p7 K$ V7 Z# M
3.所有的XML标记都必须合理嵌套
) k8 C5 m( c) f U/ V2 H) j8 i# S同样因为XHTML要求有严谨的结构,因此所有的嵌套都必须按顺序,以前我们这样写的代码:7 Y! I- ]9 G+ w3 e; U% X) D
<p><b></p>/b>
4 f5 }0 N2 R0 Q4 m必须修改为:
8 t4 B! _6 w9 X3 o* B# q<p><b></b>/p>
- l9 { ]6 B" p9 `3 _就是说,一层一层的嵌套必须是严格对称。
- }+ ^, x- t$ L6 `# O) `8 Q4.所有的属性必须用引号""括起来+ [; I. D; R, Z( f! R f( h& R! m+ V
在HTML中,你可以不需要给属性值加引号,但是在XHTML中,它们必须被加引号。例如:0 C! ~9 O6 Y% L8 @8 c: u
<height=80>
5 g. N) `+ @0 C; O必须修改为:+ v' j5 r1 ~5 p& ^, n
<height="80"> 0 h1 }& C0 r4 k6 ~# s5 y" V
特殊情况,你需要在属性值里使用双引号,你可以用",单引号可以使用’,例如:0 @# c0 I; g3 O# W. i9 ]* S9 N+ P
<alt="say’hello’">
/ ?1 U. \* {0 m% G, H a+ b4 \5 R5.把所有<和&特殊符号用编码表示
: N) p7 ]4 ~% @' H4 F$ e$ @任何小于号(<),不是标签的一部分,都必须被编码为& l t ; u2 k! n2 Y T+ g, d4 c
任何大于号(>),不是标签的一部分,都必须被编码为& g t ;
0 _; h% ~& [ o/ O9 Y任何与号(&),不是实体的一部分的,都必须被编码为& a m p; 0 V; Y4 a4 D# I8 h+ B' g0 G/ J# W
注:以上字符之间无空格。
5 ]5 C0 l; x6 `' h6.给所有属性赋一个值
! Q* c( E. l. y8 fXHTML规定所有属性都必须有一个值,没有值的就重复本身。例如:) M/ e0 x$ i% H5 s& V
<td nowrap> <input type="checkbox" name="shirt" value="medium" checked> # i2 [/ x. c, X& Y
必须修改为:
1 {) y) Q0 N6 T' u, ? [1 V: y<td nowrap="nowrap"> <input type="checkbox" name="shirt" value="medium" checked="checked">
* J+ e' I8 x9 t1 ?! T0 V; }7.不要在注释内容中使“--”
, t% e+ w0 t; G3 \2 C( r, k“--”只能发生在XHTML注释的开头和结束,也就是说,在内容中它们不再有效。例如下面的代码是无效的:9 M- e! R: [) z& A
<!--这里是注释-----------这里是注释--> * Y/ I, H( R1 o( ?& t
用等号或者空格替换内部的虚线。8 I. _! {; @: o* Z9 z. v0 [9 i
<!--这里是注释============这里是注释--> 7 X6 O( y" ~- [; z2 n4 K
以上这些规范有的看上去比较奇怪,但这一切都是为了使我们的代码有一个统一、唯一的标准,便于以后的数据再利用。 |
|