标题:
XHTML代码规范
[打印本页]
作者:
admin
时间:
2008-1-19 23:39
标题:
XHTML代码规范
在开始正式内容制作之前，我们必须先了解一下web标准有关代码的规范。了解这些规范可以帮助你少走弯路,尽快通过代码校验。
/ W7 \4 O$ L; u6 G+ P: y3 F/ b) t
1.所有的标记都必须要有一个相应的结束标记
$ k& f. N; a v4 N
以前在HTML中，你可以打开许多标签，例如<p>和<li>而不一定写对应的</p>和< /li>来关闭它们。但在XHTML中这是不合法的。XHTML要求有严谨的结构，所有标签必须关闭。如果是单独不成对的标签，在标签最后加一个 "/"来关闭它。例如:
9 q& N9 E- Q3 r/ V" |
<br /><img height="80" alt="网页设计师" src="../images/logo_w3cn_200x80.gif" width="200" />
0 e- Z! d$ ~; _9 J; v& U, l" g
2.所有标签的元素和属性的名字都必须使用小写
' z* m( e% [$ \. M9 m
与HTML不一样，XHTML对大小写是敏感的，<title>和<TITLE>是不同的标签。XHTML要求所有的标签和属性的名字都必须使用小写。例如：<BODY>必须写成<body> 。大小写夹杂也是不被认可的，通常dreamweaver自动生成的属性名字"onMouseOver"也必须修改成"onmouseover"。
6 m3 Y% A: u# N
3.所有的XML标记都必须合理嵌套
3 Z/ v( a% g$ G7 w0 y) M
同样因为XHTML要求有严谨的结构，因此所有的嵌套都必须按顺序，以前我们这样写的代码：
) o3 i' b" }5 ~4 m: |% @
<p><b></p>/b>
/ \* l& j/ j& E# E& u* j2 f1 I! ^
必须修改为：
3 x) B% R1 j$ m
<p><b></b>/p>
' `2 i# n" Q5 ]9 @2 C* Z
就是说，一层一层的嵌套必须是严格对称。
* w, C& @3 X9 q! H4 v7 S
4.所有的属性必须用引号""括起来
8 ^: g/ E, Q& C1 Q( }1 X9 m
在HTML中，你可以不需要给属性值加引号，但是在XHTML中，它们必须被加引号。例如:
! Z8 o/ E, y1 P d. N9 K+ T9 s
<height=80>
/ s; S" _# l- `9 M8 d
必须修改为：
# Q7 ~7 V- M3 E8 C' R0 v: I
<height="80">
1 I7 K* I- g* I9 N d
特殊情况，你需要在属性值里使用双引号，你可以用"，单引号可以使用’，例如：
4 Y; j1 ]$ P4 }: j
<alt="say’hello’">
2 z ~( y/ e$ c% }; R+ d
5.把所有<和&特殊符号用编码表示
! N8 l5 x' Z$ z7 g/ _$ x
任何小于号（<），不是标签的一部分，都必须被编码为& l t ;
2 `7 U4 k" R6 y3 ], S/ l
任何大于号（>），不是标签的一部分，都必须被编码为& g t ;
( J( m: R- l, r3 Y- _5 a
任何与号（&），不是实体的一部分的，都必须被编码为& a m p;
& N& r* m5 L" `; ^
注：以上字符之间无空格。
. T5 {/ g% B# x) R
6.给所有属性赋一个值
9 h5 Y( p& `4 r7 {0 u
XHTML规定所有属性都必须有一个值，没有值的就重复本身。例如：
6 M# @. @8 Q/ ^- ^* C+ u
<td nowrap> <input type="checkbox" name="shirt" value="medium" checked>
: N" d* w* o g, V7 [- W3 m
必须修改为：
3 ?- l+ }& t+ ]4 a* X4 h
<td nowrap="nowrap"> <input type="checkbox" name="shirt" value="medium" checked="checked">
6 Y2 _; Z1 M4 ~1 S+ R8 |0 i
7.不要在注释内容中使“--”
/ l3 A. s: |) g( H- e: i5 [8 @
“--”只能发生在XHTML注释的开头和结束，也就是说，在内容中它们不再有效。例如下面的代码是无效的:
' ^5 |) |3 |# \) Y! E% _
<!--这里是注释-----------这里是注释-->
( C3 i1 [$ b* v1 D! l5 W/ q. ~
用等号或者空格替换内部的虚线。
- l* I& t3 |. w' l
<!--这里是注释============这里是注释-->
1 g. @; {# W f0 F' s, W
以上这些规范有的看上去比较奇怪，但这一切都是为了使我们的代码有一个统一、唯一的标准，便于以后的数据再利用。
欢迎光临 捌玖网络工作室 (http://89w.org/)
Powered by Discuz! 7.2
