|
 
- UID
- 1
- 帖子
- 738
- 精华
- 28
- 积分
- 14197
- 金币
- 2389
- 威望
- 1647
- 贡献
- 1337
|
在开始正式内容制作之前，我们必须先了解一下web标准有关代码的规范。了解这些规范可以帮助你少走弯路,尽快通过代码校验。 3 y" X. }' G( ^
1.所有的标记都必须要有一个相应的结束标记
: ?$ a5 O! U# L3 E8 R, X' U5 W0 {以前在HTML中，你可以打开许多标签，例如<p>和<li>而不一定写对应的</p>和< /li>来关闭它们。但在XHTML中这是不合法的。XHTML要求有严谨的结构，所有标签必须关闭。如果是单独不成对的标签，在标签最后加一个 "/"来关闭它。例如:
]5 R7 j% A8 f R {<br /><img height="80" alt="网页设计师" src="../images/logo_w3cn_200x80.gif" width="200" /> 2 o1 { P. a+ y8 L$ }# B
2.所有标签的元素和属性的名字都必须使用小写) Z$ m3 L9 S7 E- x) b1 V
与HTML不一样，XHTML对大小写是敏感的，<title>和<TITLE>是不同的标签。XHTML要求所有的标签和属性的名字都必须使用小写。例如：<BODY>必须写成<body> 。大小写夹杂也是不被认可的，通常dreamweaver自动生成的属性名字"onMouseOver"也必须修改成"onmouseover"。
# |- q# c5 N/ H% h# N4 }8 c3.所有的XML标记都必须合理嵌套* p8 K f" ?# U# c: \( w
同样因为XHTML要求有严谨的结构，因此所有的嵌套都必须按顺序，以前我们这样写的代码：5 z) o/ M$ s+ U2 k6 B; v; b
<p><b></p>/b>
( I: y6 {! f. V x2 g7 Z- w必须修改为：
1 ~% f8 @' u r<p><b></b>/p> 7 l/ A$ x# F' c. p5 o
就是说，一层一层的嵌套必须是严格对称。" v" P, p) B0 `0 r; q( V7 H' ^
4.所有的属性必须用引号""括起来
7 j* i6 W r% W' I& s, ]7 Q3 b在HTML中，你可以不需要给属性值加引号，但是在XHTML中，它们必须被加引号。例如:
1 z5 q' k( n5 ]( k2 \$ W, G<height=80>
2 g W+ G/ m# s必须修改为：0 d0 E. c3 z( I" E: h
<height="80">
) D) z4 \) R, B, H4 \( [特殊情况，你需要在属性值里使用双引号，你可以用"，单引号可以使用’，例如：
/ M# f& m$ B6 n<alt="say’hello’"> % Y2 h4 T2 z1 K. S8 A
5.把所有<和&特殊符号用编码表示5 g8 d2 L5 [& r0 g$ O8 Z9 k
任何小于号（<），不是标签的一部分，都必须被编码为& l t ; 8 g& V$ k6 X7 C; u+ K' }
任何大于号（>），不是标签的一部分，都必须被编码为& g t ;
+ g2 L$ y. U+ E4 \任何与号（&），不是实体的一部分的，都必须被编码为& a m p; 8 F* P b" @4 n" L$ r' T
注：以上字符之间无空格。/ }- A( F; h) w) ]
6.给所有属性赋一个值5 y7 w0 z, A+ t Z! K
XHTML规定所有属性都必须有一个值，没有值的就重复本身。例如：
! I2 t! q+ r8 `6 U# P<td nowrap> <input type="checkbox" name="shirt" value="medium" checked> 4 R& p& r. o( U$ r
必须修改为：4 E5 D& x2 N" t2 z9 F' h8 S
<td nowrap="nowrap"> <input type="checkbox" name="shirt" value="medium" checked="checked"> h. |9 o# T# R' q+ U5 z$ c
7.不要在注释内容中使“--”
; b- `' V5 D, t9 V“--”只能发生在XHTML注释的开头和结束，也就是说，在内容中它们不再有效。例如下面的代码是无效的:
. W, t% @: G. z, X<!--这里是注释-----------这里是注释-->
( p9 U9 h/ I3 Z8 A$ |4 L! y; w用等号或者空格替换内部的虚线。
0 p5 `" G' S7 w& B+ V<!--这里是注释============这里是注释--> 3 ` [" Y: P: B+ W" }8 ?, s3 W
以上这些规范有的看上去比较奇怪，但这一切都是为了使我们的代码有一个统一、唯一的标准，便于以后的数据再利用。 |
|
发表于 2008-1-19 23:39
| 