  
- UID
- 1
- 帖子
- 738
- 精华
- 28
- 积分
- 14161
- 金币
- 2371
- 威望
- 1647
- 贡献
- 1319
|
在开始正式内容制作之前,我们必须先了解一下web标准有关代码的规范。了解这些规范可以帮助你少走弯路,尽快通过代码校验。
7 ]5 j6 n& H3 t$ ]& C1 o* g: v2 d1.所有的标记都必须要有一个相应的结束标记
/ x4 Z. w- Y6 i- | R( X2 \1 K以前在HTML中,你可以打开许多标签,例如<p>和<li>而不一定写对应的</p>和< /li>来关闭它们。但在XHTML中这是不合法的。XHTML要求有严谨的结构,所有标签必须关闭。如果是单独不成对的标签,在标签最后加一个 "/"来关闭它。例如:+ e. E5 {7 c: p
<br /><img height="80" alt="网页设计师" src="../images/logo_w3cn_200x80.gif" width="200" /> 9 r6 [, D" v9 q5 u5 t% z' C
2.所有标签的元素和属性的名字都必须使用小写
X, ?- x- T( \5 C; Q与HTML不一样,XHTML对大小写是敏感的,<title>和<TITLE>是不同的标签。XHTML要求所有的标签和属性的名字都必须使用小写。例如:<BODY>必须写成<body> 。大小写夹杂也是不被认可的,通常dreamweaver自动生成的属性名字"onMouseOver"也必须修改成"onmouseover"。6 w: I; `" t7 Q3 `( `8 N. d1 P
3.所有的XML标记都必须合理嵌套0 @7 s6 n9 |# H% l
同样因为XHTML要求有严谨的结构,因此所有的嵌套都必须按顺序,以前我们这样写的代码:
3 F& I+ c% {* D$ \1 X/ ]5 x5 R- `<p><b></p>/b> 1 b# U% s A4 q. w# X' v
必须修改为:, }$ _$ j* [- `1 l5 g+ W7 x3 c
<p><b></b>/p>
& @$ n% Q% B& G$ S7 R就是说,一层一层的嵌套必须是严格对称。
7 B& ^5 Z6 G% Y/ I4 X1 u6 c4.所有的属性必须用引号""括起来 J& O4 `) J; l0 a% T
在HTML中,你可以不需要给属性值加引号,但是在XHTML中,它们必须被加引号。例如:
1 L+ k# v1 a( u8 v<height=80>
* d3 D! B8 ?) s必须修改为:# `2 ~6 N# [1 Z4 x* S( P. G
<height="80"> 2 N# Q. @4 b, ~) W: V+ C
特殊情况,你需要在属性值里使用双引号,你可以用",单引号可以使用’,例如:
7 P: j: Z% r& N8 A$ S<alt="say’hello’">
) L+ r" p3 J! {5 p, v5.把所有<和&特殊符号用编码表示$ f+ v; C* J. H$ ~- n) v: m j5 B
任何小于号(<),不是标签的一部分,都必须被编码为& l t ; 7 l% M3 H" v; U+ B5 _4 V# o! A8 J+ `
任何大于号(>),不是标签的一部分,都必须被编码为& g t ; M9 {4 o" C( B2 a: r
任何与号(&),不是实体的一部分的,都必须被编码为& a m p;
# y; Z6 c0 k& x; y& Y注:以上字符之间无空格。
9 ]0 `( ~0 i; N* T2 |" r6.给所有属性赋一个值2 e" Z+ d* V" A' q9 l/ X$ f
XHTML规定所有属性都必须有一个值,没有值的就重复本身。例如:
" Y1 {* E& T, [3 F<td nowrap> <input type="checkbox" name="shirt" value="medium" checked>
. C) u9 a- m$ d% d必须修改为:
; `9 o3 E: a# `* z. V<td nowrap="nowrap"> <input type="checkbox" name="shirt" value="medium" checked="checked">
6 c2 _' l- B, B7 U9 ~& u7.不要在注释内容中使“--”
h/ Q% o8 u; t) I: v* C“--”只能发生在XHTML注释的开头和结束,也就是说,在内容中它们不再有效。例如下面的代码是无效的:0 G4 `% M7 M' w3 {8 p
<!--这里是注释-----------这里是注释-->
% s3 x( l! y9 b" O" B# F* A用等号或者空格替换内部的虚线。
8 J9 A5 _! \1 V7 D; n0 u<!--这里是注释============这里是注释--> 3 ^3 e' K" _. U( G: [
以上这些规范有的看上去比较奇怪,但这一切都是为了使我们的代码有一个统一、唯一的标准,便于以后的数据再利用。 |
|