返回列表 发帖

XHTML代码规范

在开始正式内容制作之前,我们必须先了解一下web标准有关代码的规范。了解这些规范可以帮助你少走弯路,尽快通过代码校验。
2 Y4 M, ~4 S4 n5 g1.所有的标记都必须要有一个相应的结束标记& D3 v- @% y0 H- ~, w9 ]" X
以前在HTML中,你可以打开许多标签,例如<p>和<li>而不一定写对应的</p>和< /li>来关闭它们。但在XHTML中这是不合法的。XHTML要求有严谨的结构,所有标签必须关闭。如果是单独不成对的标签,在标签最后加一个 "/"来关闭它。例如:3 v/ I' |9 I' y5 P4 j" b3 c
<br /><img height="80" alt="网页设计师" src="../images/logo_w3cn_200x80.gif" width="200" />
/ z$ i$ \: G: P! H; O( Y% {2.所有标签的元素和属性的名字都必须使用小写4 Z0 F- r' W$ E0 ]- N
与HTML不一样,XHTML对大小写是敏感的,<title>和<TITLE>是不同的标签。XHTML要求所有的标签和属性的名字都必须使用小写。例如:<BODY>必须写成<body> 。大小写夹杂也是不被认可的,通常dreamweaver自动生成的属性名字"onMouseOver"也必须修改成"onmouseover"。9 J5 r! w$ L9 E, t6 g
3.所有的XML标记都必须合理嵌套; R  S1 d+ a% R
同样因为XHTML要求有严谨的结构,因此所有的嵌套都必须按顺序,以前我们这样写的代码:
( c. p5 a/ O% z4 N' Y: a  p<p><b></p>/b>
+ {2 g* J+ x8 w' S0 ~必须修改为:8 D/ O/ G5 l6 Y
<p><b></b>/p> . z* @4 B! n+ o. S
就是说,一层一层的嵌套必须是严格对称。
9 d( S! x9 |3 e( j) h: c6 f4.所有的属性必须用引号""括起来
" Z- V4 f, L8 }2 t4 O在HTML中,你可以不需要给属性值加引号,但是在XHTML中,它们必须被加引号。例如:- F( F% q: p5 u% j9 l$ o7 K
<height=80>
4 n9 S) Y- J7 h2 s必须修改为:, t; _1 B; w% B& ?& c
<height="80"> : D! I2 u9 I* v* u5 ?; Q
特殊情况,你需要在属性值里使用双引号,你可以用",单引号可以使用’,例如:) R+ }. S: E& }* `0 r. l, j
<alt="say’hello’">
' ?. k: X3 L- j5.把所有<和&特殊符号用编码表示4 V9 O  _# b! G5 r
任何小于号(<),不是标签的一部分,都必须被编码为& l t ;
: F6 [' J& e/ l* J1 o- h8 d任何大于号(>),不是标签的一部分,都必须被编码为& g t ;
/ F/ P3 R- p4 Z任何与号(&),不是实体的一部分的,都必须被编码为& a m p;
' E$ d' ]; N; }% _) ?注:以上字符之间无空格。& t) E! g4 z$ L, @" M
6.给所有属性赋一个值
$ H& ^1 X7 h2 M, _XHTML规定所有属性都必须有一个值,没有值的就重复本身。例如:7 C  u8 K3 T4 L3 O8 o5 ?1 h3 g) J
<td nowrap> <input type="checkbox" name="shirt" value="medium" checked> ) b) t$ j! e. [- B# Y( E1 H/ R$ G, d
必须修改为:: m+ ^6 N# l. W  B4 V  Z# v
<td nowrap="nowrap"> <input type="checkbox" name="shirt" value="medium" checked="checked">
7 S( u- \; r6 W( U( e7.不要在注释内容中使“--”
- Z+ L" j+ S7 p3 p/ d6 l“--”只能发生在XHTML注释的开头和结束,也就是说,在内容中它们不再有效。例如下面的代码是无效的:
! e* a! r% i2 F5 r# _<!--这里是注释-----------这里是注释--> $ ?' F8 v9 N$ S/ a4 x" {: \, d
用等号或者空格替换内部的虚线。0 W2 q$ \$ `, y) T" ^4 l/ d0 F
<!--这里是注释============这里是注释-->
, ^7 M# S9 ^8 }9 R/ t+ J: s以上这些规范有的看上去比较奇怪,但这一切都是为了使我们的代码有一个统一、唯一的标准,便于以后的数据再利用。

返回列表
【捌玖网络】已经运行: