|
 
- UID
- 1
- 帖子
- 738
- 精华
- 28
- 积分
- 14159
- 金币
- 2370
- 威望
- 1647
- 贡献
- 1318
|
在开始正式内容制作之前，我们必须先了解一下web标准有关代码的规范。了解这些规范可以帮助你少走弯路,尽快通过代码校验。
4 X( ^/ A* n1 j; m1.所有的标记都必须要有一个相应的结束标记
7 k8 P0 r% B1 T: h- O8 S1 A5 P- B6 @以前在HTML中，你可以打开许多标签，例如<p>和<li>而不一定写对应的</p>和< /li>来关闭它们。但在XHTML中这是不合法的。XHTML要求有严谨的结构，所有标签必须关闭。如果是单独不成对的标签，在标签最后加一个 "/"来关闭它。例如:- ^4 ]6 c/ C- T- K9 f
<br /><img height="80" alt="网页设计师" src="../images/logo_w3cn_200x80.gif" width="200" />
+ Q" L0 l0 l8 [; o; u' L8 L2.所有标签的元素和属性的名字都必须使用小写
4 ?' R) p; V9 H2 Z1 K( k与HTML不一样，XHTML对大小写是敏感的，<title>和<TITLE>是不同的标签。XHTML要求所有的标签和属性的名字都必须使用小写。例如：<BODY>必须写成<body> 。大小写夹杂也是不被认可的，通常dreamweaver自动生成的属性名字"onMouseOver"也必须修改成"onmouseover"。; m8 X" A; p" C' W1 n
3.所有的XML标记都必须合理嵌套: K2 q, n1 v" v0 s
同样因为XHTML要求有严谨的结构，因此所有的嵌套都必须按顺序，以前我们这样写的代码：
. |+ x5 @% `8 ~( Q/ P+ m<p><b></p>/b>
+ R4 U5 r' I# S1 F4 f7 C( ^必须修改为：
4 P( Z5 v7 R7 w, g" w1 Z<p><b></b>/p>
. t& ?8 c) }! z" F: q5 l2 A. h就是说，一层一层的嵌套必须是严格对称。 ?3 g. e9 t1 K& a* g
4.所有的属性必须用引号""括起来
( S$ }3 F, E* H3 q在HTML中，你可以不需要给属性值加引号，但是在XHTML中，它们必须被加引号。例如:
; T# k& Q7 b' I) j6 X9 ?<height=80>
& O7 h& z% D6 Y/ [% r必须修改为： z. A( P. s5 m" P8 m! R! a
<height="80"> * I |9 P) c. l5 J9 I6 n# v$ h
特殊情况，你需要在属性值里使用双引号，你可以用"，单引号可以使用’，例如：
- z8 [; a! \3 [4 e, [4 \7 g1 ~<alt="say’hello’">
4 F0 j8 p2 E2 x4 `" R7 P5.把所有<和&特殊符号用编码表示
* o+ g; o+ Q5 j任何小于号（<），不是标签的一部分，都必须被编码为& l t ;
% t. Y8 B3 p' a& ?; v任何大于号（>），不是标签的一部分，都必须被编码为& g t ; & {! _; b6 @6 |/ W! }; F
任何与号（&），不是实体的一部分的，都必须被编码为& a m p; : Q2 Q$ [7 f# v$ g
注：以上字符之间无空格。
/ \! L9 K% Q- C, o7 d6.给所有属性赋一个值
4 j3 v5 ]& a7 @/ ]7 d% G/ S6 F0 BXHTML规定所有属性都必须有一个值，没有值的就重复本身。例如：: W" C+ j1 T- f" }/ _$ g% i8 J
<td nowrap> <input type="checkbox" name="shirt" value="medium" checked> ; U2 v2 |% C% ^' V. a
必须修改为：
' M4 |5 P: M0 |4 j5 P6 ^6 {* e<td nowrap="nowrap"> <input type="checkbox" name="shirt" value="medium" checked="checked"> p+ q: I9 l" \
7.不要在注释内容中使“--”
# l$ F0 O7 O1 b“--”只能发生在XHTML注释的开头和结束，也就是说，在内容中它们不再有效。例如下面的代码是无效的:4 R2 B' a) R7 ^! U9 @9 j1 I0 {8 m/ b
<!--这里是注释-----------这里是注释--> 0 u, ?5 M% _/ t# T
用等号或者空格替换内部的虚线。1 l" X+ U- }" e4 @5 p; `
<!--这里是注释============这里是注释-->
, p! @5 D/ H1 {' _" v7 k以上这些规范有的看上去比较奇怪，但这一切都是为了使我们的代码有一个统一、唯一的标准，便于以后的数据再利用。 |
|
发表于 2008-1-19 23:39
| 