|
 
- UID
- 1
- 帖子
- 738
- 精华
- 28
- 积分
- 14391
- 金币
- 2481
- 威望
- 1647
- 贡献
- 1429
|
在开始正式内容制作之前，我们必须先了解一下web标准有关代码的规范。了解这些规范可以帮助你少走弯路,尽快通过代码校验。 ( Y2 P, ?: R' l7 P; F* e. { j
1.所有的标记都必须要有一个相应的结束标记- a: v X& S! v" A3 \8 Z; O
以前在HTML中，你可以打开许多标签，例如<p>和<li>而不一定写对应的</p>和< /li>来关闭它们。但在XHTML中这是不合法的。XHTML要求有严谨的结构，所有标签必须关闭。如果是单独不成对的标签，在标签最后加一个 "/"来关闭它。例如:
9 }) w4 `! B& b/ i1 j$ P2 F<br /><img height="80" alt="网页设计师" src="../images/logo_w3cn_200x80.gif" width="200" />
( c8 a* [. Z4 u! [2.所有标签的元素和属性的名字都必须使用小写: Z- `) W7 a; H& S! Y7 U7 ?$ M
与HTML不一样，XHTML对大小写是敏感的，<title>和<TITLE>是不同的标签。XHTML要求所有的标签和属性的名字都必须使用小写。例如：<BODY>必须写成<body> 。大小写夹杂也是不被认可的，通常dreamweaver自动生成的属性名字"onMouseOver"也必须修改成"onmouseover"。( j( U- ?% C* s7 ^5 M
3.所有的XML标记都必须合理嵌套& r, ]/ j- F. O5 ~
同样因为XHTML要求有严谨的结构，因此所有的嵌套都必须按顺序，以前我们这样写的代码：9 S# L) g8 a4 }! ~0 l" k' |
<p><b></p>/b>
1 X3 R8 Z' H' P, h+ z2 l" Y' u必须修改为：
5 t: H _6 E" u- }6 Y: k4 |<p><b></b>/p>
# g& D+ j4 I* a0 J- E) M: p+ R就是说，一层一层的嵌套必须是严格对称。) u, w$ o: ^, _1 |( P0 s- w9 F9 l
4.所有的属性必须用引号""括起来/ N5 f5 ?+ y7 Y/ M
在HTML中，你可以不需要给属性值加引号，但是在XHTML中，它们必须被加引号。例如:
4 u: }) ~# T7 C! z; ^% k<height=80> 0 j9 @2 T7 ]8 a, h9 J
必须修改为：
8 Z6 O7 k8 n+ f( Z0 `" ^9 Z# Z<height="80"> 0 h) B7 b4 N2 N z t
特殊情况，你需要在属性值里使用双引号，你可以用"，单引号可以使用’，例如：2 e0 X# f5 `5 h* l
<alt="say’hello’">
# `+ A( f$ |# n! Z0 `8 {5.把所有<和&特殊符号用编码表示
; K% u' X6 ?. {8 i任何小于号（<），不是标签的一部分，都必须被编码为& l t ;
- i2 m4 |- `0 _6 @" T$ `. L任何大于号（>），不是标签的一部分，都必须被编码为& g t ; % Y8 k o1 `7 v+ E, _/ T8 i
任何与号（&），不是实体的一部分的，都必须被编码为& a m p;
' h/ S3 F, y* \2 y, C/ v注：以上字符之间无空格。0 W8 B' w1 \7 \, P" t2 k
6.给所有属性赋一个值4 m/ f+ o, P5 c3 u' H+ j O+ `
XHTML规定所有属性都必须有一个值，没有值的就重复本身。例如：3 z' U& M5 C, [# O6 @& ^
<td nowrap> <input type="checkbox" name="shirt" value="medium" checked> ; R4 [9 x' H3 p9 k
必须修改为：
4 n% V+ n( U1 E+ f<td nowrap="nowrap"> <input type="checkbox" name="shirt" value="medium" checked="checked"> , {' V$ }& }5 l. z) S/ F( x
7.不要在注释内容中使“--”
& E; _8 ]& T, I“--”只能发生在XHTML注释的开头和结束，也就是说，在内容中它们不再有效。例如下面的代码是无效的:
0 W3 u* t" o( T! @<!--这里是注释-----------这里是注释--> ! j( b/ l+ M$ Q2 h
用等号或者空格替换内部的虚线。
5 A `& R( _ D" ]<!--这里是注释============这里是注释--> $ v8 o/ U8 c7 o* w. S
以上这些规范有的看上去比较奇怪，但这一切都是为了使我们的代码有一个统一、唯一的标准，便于以后的数据再利用。 |
|
发表于 2008-1-19 23:39
| 