|
 
- UID
- 1
- 帖子
- 738
- 精华
- 28
- 积分
- 14161
- 金币
- 2371
- 威望
- 1647
- 贡献
- 1319
|
在开始正式内容制作之前，我们必须先了解一下web标准有关代码的规范。了解这些规范可以帮助你少走弯路,尽快通过代码校验。 , A# b: M+ |- ^+ v" _
1.所有的标记都必须要有一个相应的结束标记; v+ Q: |& O' m
以前在HTML中，你可以打开许多标签，例如<p>和<li>而不一定写对应的</p>和< /li>来关闭它们。但在XHTML中这是不合法的。XHTML要求有严谨的结构，所有标签必须关闭。如果是单独不成对的标签，在标签最后加一个 "/"来关闭它。例如:$ H% L, q, U, b9 _: _' ^8 p3 I- B
<br /><img height="80" alt="网页设计师" src="../images/logo_w3cn_200x80.gif" width="200" />
/ ]! s- b9 ^+ m9 F0 I" r2.所有标签的元素和属性的名字都必须使用小写8 T- d" Q- M3 S0 H8 F8 F
与HTML不一样，XHTML对大小写是敏感的，<title>和<TITLE>是不同的标签。XHTML要求所有的标签和属性的名字都必须使用小写。例如：<BODY>必须写成<body> 。大小写夹杂也是不被认可的，通常dreamweaver自动生成的属性名字"onMouseOver"也必须修改成"onmouseover"。
7 e, o9 M; `9 P8 I$ G, B3.所有的XML标记都必须合理嵌套# y9 A& x! t9 U" Z3 b
同样因为XHTML要求有严谨的结构，因此所有的嵌套都必须按顺序，以前我们这样写的代码：
0 p$ |0 s( b' h o; w `<p><b></p>/b>
0 r2 p/ c2 q; i6 G3 g- m必须修改为：) Z6 @4 N' O# K% O$ h9 Q/ W
<p><b></b>/p>
1 X7 i3 n- x+ R: ^2 T- X就是说，一层一层的嵌套必须是严格对称。* ~: p+ k* F# m9 }3 U. Y( y
4.所有的属性必须用引号""括起来
( M) b$ |7 p z e在HTML中，你可以不需要给属性值加引号，但是在XHTML中，它们必须被加引号。例如:
' O$ ~1 Z+ p& B' H* b3 B" N<height=80>
3 A: D) z; L: S4 B必须修改为：
/ x* [# R3 j. M<height="80">
8 F" u+ G0 O6 p# S( }特殊情况，你需要在属性值里使用双引号，你可以用"，单引号可以使用’，例如：
- H* k+ {" t- U/ x( z6 @<alt="say’hello’"> 7 L7 e/ J( @6 i' M0 C( @/ `" O
5.把所有<和&特殊符号用编码表示 t _4 X( ]9 J* ^/ l* q
任何小于号（<），不是标签的一部分，都必须被编码为& l t ;
& z. d- R2 V8 \任何大于号（>），不是标签的一部分，都必须被编码为& g t ; - o4 u8 i, l6 B2 H
任何与号（&），不是实体的一部分的，都必须被编码为& a m p; + Q/ u! [* X! {2 ^8 L0 m9 h
注：以上字符之间无空格。
5 h. y. \' X/ e. }7 F/ B, Q/ h' Z6.给所有属性赋一个值
7 E4 I$ G! y) @4 [; b# F9 D: TXHTML规定所有属性都必须有一个值，没有值的就重复本身。例如：
l( w1 B. z2 C6 t e1 ?" t, F<td nowrap> <input type="checkbox" name="shirt" value="medium" checked>
' ?$ e7 N8 ?+ |4 B! I必须修改为：0 o W4 W1 m# a# {8 N
<td nowrap="nowrap"> <input type="checkbox" name="shirt" value="medium" checked="checked"> 5 t) z- n% _2 ^5 C) N) ]% D
7.不要在注释内容中使“--”
0 P. [9 q0 V' A: N2 g# k2 Y“--”只能发生在XHTML注释的开头和结束，也就是说，在内容中它们不再有效。例如下面的代码是无效的:1 B4 F/ R$ C8 @. R# X
<!--这里是注释-----------这里是注释-->
7 r4 p1 @: X5 N# E6 {* H# ]7 O用等号或者空格替换内部的虚线。9 ^' I+ [3 p; m4 P" e( A" v
<!--这里是注释============这里是注释-->
/ ?4 q4 i1 Z! V$ P以上这些规范有的看上去比较奇怪，但这一切都是为了使我们的代码有一个统一、唯一的标准，便于以后的数据再利用。 |
|
发表于 2008-1-19 23:39
| 