返回列表 发帖

XHTML代码规范

在开始正式内容制作之前,我们必须先了解一下web标准有关代码的规范。了解这些规范可以帮助你少走弯路,尽快通过代码校验。
- V6 ?- G, J, K- Q' s0 p1.所有的标记都必须要有一个相应的结束标记
$ j+ m% F8 }( y3 i1 @6 a& q以前在HTML中,你可以打开许多标签,例如<p>和<li>而不一定写对应的</p>和< /li>来关闭它们。但在XHTML中这是不合法的。XHTML要求有严谨的结构,所有标签必须关闭。如果是单独不成对的标签,在标签最后加一个 "/"来关闭它。例如:
6 b  R, e9 K5 v% E! o; j4 G<br /><img height="80" alt="网页设计师" src="../images/logo_w3cn_200x80.gif" width="200" />
% i0 W; Y6 e4 [$ q! c) Y$ `, {2.所有标签的元素和属性的名字都必须使用小写) f$ G4 ]# v: C1 p; y/ {' N
与HTML不一样,XHTML对大小写是敏感的,<title>和<TITLE>是不同的标签。XHTML要求所有的标签和属性的名字都必须使用小写。例如:<BODY>必须写成<body> 。大小写夹杂也是不被认可的,通常dreamweaver自动生成的属性名字"onMouseOver"也必须修改成"onmouseover"。
1 v/ I8 g* R- S2 b" w& r- e3.所有的XML标记都必须合理嵌套
) l4 e* l- ^; B/ R* j3 z) i) @同样因为XHTML要求有严谨的结构,因此所有的嵌套都必须按顺序,以前我们这样写的代码:8 Q' G3 Y  M1 b; o
<p><b></p>/b> 5 h2 f# l- u) ]$ Z( |
必须修改为:
1 q; T9 e" d3 i0 j<p><b></b>/p>
( \6 v$ O2 {* M* c9 G5 ~) |就是说,一层一层的嵌套必须是严格对称。
$ [: }1 L3 P8 K3 ^. a  z0 W( W4.所有的属性必须用引号""括起来
1 y/ ^; l0 f( @0 C5 E在HTML中,你可以不需要给属性值加引号,但是在XHTML中,它们必须被加引号。例如:
# k8 d, m6 Q3 A. {<height=80>
- u9 v. U+ ^# R1 l& t3 ^0 X& g必须修改为:
8 J2 j% a. k- d1 L8 p<height="80">
8 `: Z# _) f2 H& b) N特殊情况,你需要在属性值里使用双引号,你可以用",单引号可以使用’,例如:
( y  A7 A& C% ~" J1 U<alt="say’hello’">
( Z7 r3 F# I- z+ l+ S5 V2 a* A. h5.把所有<和&特殊符号用编码表示
1 F' b6 K) l1 k; q, t0 Y, F3 s" B) h, `任何小于号(<),不是标签的一部分,都必须被编码为& l t ;   h& ?4 s( e) ~! P2 J/ o
任何大于号(>),不是标签的一部分,都必须被编码为& g t ;
2 f# X" K" p/ @  N任何与号(&),不是实体的一部分的,都必须被编码为& a m p; & F7 I/ K" V  K
注:以上字符之间无空格。% [& d6 A. h5 d. t5 s/ [
6.给所有属性赋一个值- p/ I0 q$ b0 S+ H
XHTML规定所有属性都必须有一个值,没有值的就重复本身。例如:
4 |) z: C; T9 l8 f<td nowrap> <input type="checkbox" name="shirt" value="medium" checked>
3 K; R4 M' t$ o/ G$ Y+ e必须修改为:0 n6 {. M+ }% h
<td nowrap="nowrap"> <input type="checkbox" name="shirt" value="medium" checked="checked">
+ Z( ^4 c9 F( p1 ?/ ^( h7.不要在注释内容中使“--”+ j. \! m/ f6 @) r
“--”只能发生在XHTML注释的开头和结束,也就是说,在内容中它们不再有效。例如下面的代码是无效的:
9 L8 Q8 R! |, q3 J<!--这里是注释-----------这里是注释--> ( ]! L; S: T8 |. {) j
用等号或者空格替换内部的虚线。
, P2 y4 G0 \9 [" `<!--这里是注释============这里是注释--> " ]- O6 h) B. v: d; N
以上这些规范有的看上去比较奇怪,但这一切都是为了使我们的代码有一个统一、唯一的标准,便于以后的数据再利用。

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