|
 
- UID
- 1
- 帖子
- 738
- 精华
- 28
- 积分
- 14443
- 金币
- 2507
- 威望
- 1647
- 贡献
- 1455
|
在开始正式内容制作之前，我们必须先了解一下web标准有关代码的规范。了解这些规范可以帮助你少走弯路,尽快通过代码校验。 5 {# h! F: h s- x
1.所有的标记都必须要有一个相应的结束标记
8 O. M% Z, ?& b7 [以前在HTML中，你可以打开许多标签，例如<p>和<li>而不一定写对应的</p>和< /li>来关闭它们。但在XHTML中这是不合法的。XHTML要求有严谨的结构，所有标签必须关闭。如果是单独不成对的标签，在标签最后加一个 "/"来关闭它。例如:
7 N' d. A0 ]8 A2 G+ L<br /><img height="80" alt="网页设计师" src="../images/logo_w3cn_200x80.gif" width="200" /> : u6 R, U( p6 Y! ?0 s- ]' y* w
2.所有标签的元素和属性的名字都必须使用小写
( u3 ?/ L9 _8 y2 g与HTML不一样，XHTML对大小写是敏感的，<title>和<TITLE>是不同的标签。XHTML要求所有的标签和属性的名字都必须使用小写。例如：<BODY>必须写成<body> 。大小写夹杂也是不被认可的，通常dreamweaver自动生成的属性名字"onMouseOver"也必须修改成"onmouseover"。) i7 X/ i' {( E3 \, Y* }, L$ V
3.所有的XML标记都必须合理嵌套
: Y9 d( ~% T6 j- Q$ K: \5 B4 x& M同样因为XHTML要求有严谨的结构，因此所有的嵌套都必须按顺序，以前我们这样写的代码：
" Z: e d* v& R7 R% g<p><b></p>/b>
+ u& Z' u7 m2 B9 j* l6 j必须修改为：
! t6 d7 y+ A& Q7 P8 d) B<p><b></b>/p> # G+ r ^+ J8 ^7 j( ~
就是说，一层一层的嵌套必须是严格对称。8 _3 b) k' H" O" ?0 {- Z4 F
4.所有的属性必须用引号""括起来# o) j: P9 \( z$ m/ d! \
在HTML中，你可以不需要给属性值加引号，但是在XHTML中，它们必须被加引号。例如:3 Y/ e. X5 W) x' _
<height=80>
* ?9 o; y0 U4 ]! w- ~; h4 O必须修改为：5 w9 b3 n1 _3 g. F, ?- `" ~
<height="80">
8 E5 t( [' {) e% E) E- {, t: I7 w特殊情况，你需要在属性值里使用双引号，你可以用"，单引号可以使用’，例如：
4 V2 g- t7 m2 o! C! @<alt="say’hello’"> 9 |) h4 q2 r# m7 j. z/ w; [
5.把所有<和&特殊符号用编码表示& B5 h( D: O" t4 O" C
任何小于号（<），不是标签的一部分，都必须被编码为& l t ; 6 }9 e' l+ z" M
任何大于号（>），不是标签的一部分，都必须被编码为& g t ;
! o' R, T5 P, [: N, @$ h任何与号（&），不是实体的一部分的，都必须被编码为& a m p;
, r( N3 B) s: z+ u注：以上字符之间无空格。0 _! {( ~/ Z- I0 J6 Q' g& s& `( ]
6.给所有属性赋一个值
. \. F* K t2 WXHTML规定所有属性都必须有一个值，没有值的就重复本身。例如：
# b; i1 p* O5 w# {8 R<td nowrap> <input type="checkbox" name="shirt" value="medium" checked> 3 ]% [) y3 x3 g9 ^. _# @* M1 @
必须修改为：
7 p5 J5 a" H7 U7 i; q7 U% M<td nowrap="nowrap"> <input type="checkbox" name="shirt" value="medium" checked="checked">
/ q* {8 x3 d% A" D- a5 l7.不要在注释内容中使“--”' w! B6 g$ i4 h" ~2 n3 S
“--”只能发生在XHTML注释的开头和结束，也就是说，在内容中它们不再有效。例如下面的代码是无效的:/ K1 H" C$ N' n, x/ a6 ?5 u0 I/ z2 ~
<!--这里是注释-----------这里是注释--> & I. X' M- I D. {# a$ |( G
用等号或者空格替换内部的虚线。2 t6 b" E, l9 N
<!--这里是注释============这里是注释--> , O) g/ `% Z2 o: W5 l- D7 d$ v- x
以上这些规范有的看上去比较奇怪，但这一切都是为了使我们的代码有一个统一、唯一的标准，便于以后的数据再利用。 |
|
发表于 2008-1-19 23:39
| 