|
 
- UID
- 1
- 帖子
- 738
- 精华
- 28
- 积分
- 14191
- 金币
- 2386
- 威望
- 1647
- 贡献
- 1334
|
在开始正式内容制作之前，我们必须先了解一下web标准有关代码的规范。了解这些规范可以帮助你少走弯路,尽快通过代码校验。
1 F' W6 n: n! a, O! |1.所有的标记都必须要有一个相应的结束标记
. R/ {- s; L5 [以前在HTML中，你可以打开许多标签，例如<p>和<li>而不一定写对应的</p>和< /li>来关闭它们。但在XHTML中这是不合法的。XHTML要求有严谨的结构，所有标签必须关闭。如果是单独不成对的标签，在标签最后加一个 "/"来关闭它。例如:
% V2 E3 u8 g {1 o! Z<br /><img height="80" alt="网页设计师" src="../images/logo_w3cn_200x80.gif" width="200" /> : _* g9 t2 P$ y% e9 q$ R
2.所有标签的元素和属性的名字都必须使用小写
! N9 P/ @. S; W! G) S4 P2 `* b; r与HTML不一样，XHTML对大小写是敏感的，<title>和<TITLE>是不同的标签。XHTML要求所有的标签和属性的名字都必须使用小写。例如：<BODY>必须写成<body> 。大小写夹杂也是不被认可的，通常dreamweaver自动生成的属性名字"onMouseOver"也必须修改成"onmouseover"。3 [% E2 Y5 O0 S. L/ j
3.所有的XML标记都必须合理嵌套
# s3 R$ ?9 o3 W0 l. w同样因为XHTML要求有严谨的结构，因此所有的嵌套都必须按顺序，以前我们这样写的代码：8 @; `2 z* ], v; ]( |+ a: K
<p><b></p>/b>
, S9 E3 U, p- ?" Z9 j1 P( ?: [必须修改为：
" ?5 u$ A8 K: {5 x; x<p><b></b>/p> 0 s7 }) o/ D8 w) N4 Q' \
就是说，一层一层的嵌套必须是严格对称。1 d4 R. v8 V; K. E5 _2 g
4.所有的属性必须用引号""括起来9 d8 y( r5 r* s2 \
在HTML中，你可以不需要给属性值加引号，但是在XHTML中，它们必须被加引号。例如:
$ P w. R) i! }2 j* m8 r<height=80> 4 k8 J9 I/ ~9 T9 D) G
必须修改为：. b; c w3 j2 P. I# n( o) ?
<height="80"> 2 a/ h1 H- F, u" _ v
特殊情况，你需要在属性值里使用双引号，你可以用"，单引号可以使用’，例如：: |# t' Q* t* K% H
<alt="say’hello’"> 8 E7 R! a" A# y0 f) I- l' M, Z
5.把所有<和&特殊符号用编码表示
$ \4 z2 u+ i. l任何小于号（<），不是标签的一部分，都必须被编码为& l t ;
3 c9 j( h2 e. J" P) `3 b5 P# K任何大于号（>），不是标签的一部分，都必须被编码为& g t ;
+ M+ w) h/ ^" }& M* u: d4 c任何与号（&），不是实体的一部分的，都必须被编码为& a m p;
, d. C3 y }7 Q0 X- u: N注：以上字符之间无空格。
S& A+ O+ C3 h5 e" v$ O$ W6.给所有属性赋一个值
+ Y4 y$ I5 ]) v7 r- CXHTML规定所有属性都必须有一个值，没有值的就重复本身。例如：2 X3 b0 T# r3 p; y- b( ?6 M! ?
<td nowrap> <input type="checkbox" name="shirt" value="medium" checked>
4 O* P% H) g: E- U$ C必须修改为：* R/ L& b& K z7 e% t( P
<td nowrap="nowrap"> <input type="checkbox" name="shirt" value="medium" checked="checked"> + k' b+ a$ e: b& @" M
7.不要在注释内容中使“--”
( r2 j- u% D1 ]7 M- P n8 H7 l) a“--”只能发生在XHTML注释的开头和结束，也就是说，在内容中它们不再有效。例如下面的代码是无效的:
+ f3 w3 E" D+ i' A6 i8 g<!--这里是注释-----------这里是注释--> 9 m& N* S9 U( U5 [/ p# ]
用等号或者空格替换内部的虚线。3 H0 Y1 b r# ]9 x" _6 x6 B- [
<!--这里是注释============这里是注释--> % m/ f7 |' h' N9 o5 H
以上这些规范有的看上去比较奇怪，但这一切都是为了使我们的代码有一个统一、唯一的标准，便于以后的数据再利用。 |
|
发表于 2008-1-19 23:39
| 