  
- UID
- 1
- 帖子
- 738
- 精华
- 28
- 积分
- 14197
- 金币
- 2389
- 威望
- 1647
- 贡献
- 1337
|
在开始正式内容制作之前,我们必须先了解一下web标准有关代码的规范。了解这些规范可以帮助你少走弯路,尽快通过代码校验。
! N9 W6 W& r; z* Q4 R/ Y1.所有的标记都必须要有一个相应的结束标记1 W8 s0 `' T3 F1 z+ [- _; z* F
以前在HTML中,你可以打开许多标签,例如<p>和<li>而不一定写对应的</p>和< /li>来关闭它们。但在XHTML中这是不合法的。XHTML要求有严谨的结构,所有标签必须关闭。如果是单独不成对的标签,在标签最后加一个 "/"来关闭它。例如:
8 G! f }& A8 l, J2 f% F: {<br /><img height="80" alt="网页设计师" src="../images/logo_w3cn_200x80.gif" width="200" /> 0 _2 R8 |! Z; W, V f
2.所有标签的元素和属性的名字都必须使用小写
+ F- N- _) Y4 Q: S与HTML不一样,XHTML对大小写是敏感的,<title>和<TITLE>是不同的标签。XHTML要求所有的标签和属性的名字都必须使用小写。例如:<BODY>必须写成<body> 。大小写夹杂也是不被认可的,通常dreamweaver自动生成的属性名字"onMouseOver"也必须修改成"onmouseover"。
( X) W4 o7 W" H3.所有的XML标记都必须合理嵌套; f* H$ T0 r5 l2 Q8 |: b0 R
同样因为XHTML要求有严谨的结构,因此所有的嵌套都必须按顺序,以前我们这样写的代码:5 j3 E# Z# F1 E& b. s1 g; Q
<p><b></p>/b> 9 b5 K+ X0 B* g. n! S+ u. _# d
必须修改为:
! i5 @4 ~* |! Z6 ^2 n2 {<p><b></b>/p>
7 ]3 g8 s1 H0 G( ?2 L& `就是说,一层一层的嵌套必须是严格对称。6 s; R7 d* R2 b# t
4.所有的属性必须用引号""括起来5 B7 e& W! B' Z) @- E; \& @
在HTML中,你可以不需要给属性值加引号,但是在XHTML中,它们必须被加引号。例如:
7 z3 f' r+ g+ e+ H! h' p3 Q<height=80>
6 @6 |$ u; N, W! n/ f$ f' O; V必须修改为:
6 R/ C' z, @0 j& J& w<height="80"> + \# `+ i! d: k7 Z; b
特殊情况,你需要在属性值里使用双引号,你可以用",单引号可以使用’,例如:( M% K4 N2 L. Q% H: ~% Z
<alt="say’hello’"> 8 K$ v+ t- I3 T8 n" s' {: g
5.把所有<和&特殊符号用编码表示
' |- ?; t( i' \3 f9 h" r$ w5 n* E3 i! z任何小于号(<),不是标签的一部分,都必须被编码为& l t ; 0 u; I& `- E% c- I9 `. ^6 Z+ K
任何大于号(>),不是标签的一部分,都必须被编码为& g t ; # } ^4 a* m2 Q4 w; |5 R
任何与号(&),不是实体的一部分的,都必须被编码为& a m p; ! T2 g1 u. K3 a" s$ f& |& A
注:以上字符之间无空格。! |& b3 m) X+ r% Z; Q4 j; m7 A2 e7 Z
6.给所有属性赋一个值
1 [% O: P+ Y7 [# _XHTML规定所有属性都必须有一个值,没有值的就重复本身。例如:
* o2 j3 I7 h) Z. e- K- x6 b K: b: n<td nowrap> <input type="checkbox" name="shirt" value="medium" checked>
) ~: U: {: P) m/ f9 q必须修改为:
- n" |! J0 {- @, ]3 l# J<td nowrap="nowrap"> <input type="checkbox" name="shirt" value="medium" checked="checked"> $ e) v! C$ p2 I% }
7.不要在注释内容中使“--”
" q7 A1 o9 t, S) n9 v“--”只能发生在XHTML注释的开头和结束,也就是说,在内容中它们不再有效。例如下面的代码是无效的:
' R5 ^$ x& H, r; G3 T' m<!--这里是注释-----------这里是注释--> ( ?# H8 N+ p8 e1 `
用等号或者空格替换内部的虚线。( c: z8 C( H! `( C0 a3 g# x2 x
<!--这里是注释============这里是注释-->
2 h, R9 t( N5 ~7 I: X ~$ G以上这些规范有的看上去比较奇怪,但这一切都是为了使我们的代码有一个统一、唯一的标准,便于以后的数据再利用。 |
|