标题:
XHTML代码规范
[打印本页]
作者:
admin
时间:
2008-1-19 23:39
标题:
XHTML代码规范
在开始正式内容制作之前，我们必须先了解一下web标准有关代码的规范。了解这些规范可以帮助你少走弯路,尽快通过代码校验。
+ w6 Y' J b. `# Z8 \: d# M* u3 G5 j
1.所有的标记都必须要有一个相应的结束标记
" j. l$ d. V4 E) h6 f$ k
以前在HTML中，你可以打开许多标签，例如<p>和<li>而不一定写对应的</p>和< /li>来关闭它们。但在XHTML中这是不合法的。XHTML要求有严谨的结构，所有标签必须关闭。如果是单独不成对的标签，在标签最后加一个 "/"来关闭它。例如:
# |8 J1 ^( O) t5 ]! I
<br /><img height="80" alt="网页设计师" src="../images/logo_w3cn_200x80.gif" width="200" />
; Y% J& I8 M) D& \% g2 I
2.所有标签的元素和属性的名字都必须使用小写
* ?, I" D( e, P0 I+ E
与HTML不一样，XHTML对大小写是敏感的，<title>和<TITLE>是不同的标签。XHTML要求所有的标签和属性的名字都必须使用小写。例如：<BODY>必须写成<body> 。大小写夹杂也是不被认可的，通常dreamweaver自动生成的属性名字"onMouseOver"也必须修改成"onmouseover"。
2 y6 b& k& H& j, L& T: M7 J: j
3.所有的XML标记都必须合理嵌套
0 H! {4 T9 @8 a) u4 {' ^1 y" k
同样因为XHTML要求有严谨的结构，因此所有的嵌套都必须按顺序，以前我们这样写的代码：
$ D- j3 d: w0 H8 J! T9 b# v
<p><b></p>/b>
. @/ I9 l+ b1 X% u2 O% U( w+ s
必须修改为：
2 I4 X5 }. e; q% K7 i
<p><b></b>/p>
+ P) c5 w3 T- D! V! X- i6 W% b
就是说，一层一层的嵌套必须是严格对称。
) b9 j/ ~% S2 L" R+ E
4.所有的属性必须用引号""括起来
( D( a( a6 r+ {# ^- [2 _1 O, X
在HTML中，你可以不需要给属性值加引号，但是在XHTML中，它们必须被加引号。例如:
|; d$ ?6 _$ `1 l$ k- r
<height=80>
, X) G, x+ v N4 U8 w3 K$ E& [7 N
必须修改为：
7 e+ f0 ^8 J( \3 C) k. _
<height="80">
" F9 G; Z, F& N( ?9 X2 C" H
特殊情况，你需要在属性值里使用双引号，你可以用"，单引号可以使用’，例如：
. e Q7 `: |5 S- ]7 ~
<alt="say’hello’">
4 P* h, n F& W8 s# {* |5 Y
5.把所有<和&特殊符号用编码表示
: p$ G2 ?( Y ~% a1 N
任何小于号（<），不是标签的一部分，都必须被编码为& l t ;
& _5 B0 Y& W# y$ b) K7 K
任何大于号（>），不是标签的一部分，都必须被编码为& g t ;
; `3 E4 D$ ]* P' K
任何与号（&），不是实体的一部分的，都必须被编码为& a m p;
; `# Y; L+ ]1 i# Q5 |' Z
注：以上字符之间无空格。
, q4 Q, Z- ?# B- x2 \: z1 U
6.给所有属性赋一个值
' U f7 \% x: `$ Z% C7 D
XHTML规定所有属性都必须有一个值，没有值的就重复本身。例如：
9 g: Q; E. B, W% b6 u- O& K
<td nowrap> <input type="checkbox" name="shirt" value="medium" checked>
1 W+ F8 t" u" [
必须修改为：
i' Y/ Z. g" O) F$ d( F
<td nowrap="nowrap"> <input type="checkbox" name="shirt" value="medium" checked="checked">
/ ^" z4 P: f% m8 H1 h' u
7.不要在注释内容中使“--”
1 }- Z& B) u+ ?0 Q
“--”只能发生在XHTML注释的开头和结束，也就是说，在内容中它们不再有效。例如下面的代码是无效的:
5 T3 x' z) c0 u3 V( n
<!--这里是注释-----------这里是注释-->
: ~( H" r* ^6 @/ j5 c
用等号或者空格替换内部的虚线。
2 r! \- i: x: L+ C. I
<!--这里是注释============这里是注释-->
8 ?1 w5 _0 U. y$ K$ i+ O
以上这些规范有的看上去比较奇怪，但这一切都是为了使我们的代码有一个统一、唯一的标准，便于以后的数据再利用。
欢迎光临 捌玖网络工作室 (http://www.89w.org/)
Powered by Discuz! 7.2
