BOOKING

2013年2月11日星期一

CSS学习笔记(三)


XHTML 代码规范
1.区分大小写
XHTML对大小写是敏感的。在XHTML文档中,使用相同字母大写和小写定义的元素是不同的。例如,<h>和<H>表示的是不 同的元素(在HTML中却代表相同的元素)。在XHTML中,规定使用小写字母定义页面中的元素和属性(包括CSS 样式表定义中也要使用小写字母)。
2.正确嵌套所有元素
XHTML 中规定当元素进行嵌套时,必须按照打开元素的顺序进行关闭。正确嵌套元素的代码示例如下:
<ul><li></li></ul>
错误的嵌套元素的代码示例如下:
<ul><li></ul></li>
XHTML 中还有一些严格强制执行的嵌套限制。这些限制包括以下几点:
(1)<a>元素中不能包含其他的<a>元素。
(2)<pre>元素中不能包含<object>、<big>、<img>、<small>、<sub>或<sup>元素。
(3)<botton>元素中不能包 含<input>、<textarea>、<label>、<select>、<botton>、<form>、<iframe>、<fieldset> 或<isindex>元素。
(4)<label>元素中不能包含其他的<label>元素。
(5)<form>元素中不能包含其他的<form>元素。
3.元素必须要结束
在XHTML中,所有的页面元素都要有相应的结束元素。例如,<body>对应的结束元素是</body>。其中独立的元素,例 如<br>等也必须要结束。方法是,在元素的右尖括号前加入一个“/”来结束元素,例如<br />就是<br>结束后的写法。如果元素中含有属性则“/”出现在所有属性的后面。示例代码如下:
<img src="pic.jpg" />
4.属性必须加上双引号
XHTML中所有的属性,包括数字值都必须加上双引号。其示例代码如下:
<table width="400">
5.明确所有属性的值
XHTML中规定每一个属性都必须有一个值,没有值的属性也必须用自己的名称作为值。例如,在HTML 中,checked 属性是可以不取值的,但在XHTML 中必须用它自身名称作为值。其示例代码如下:
<input type="checkbox" name="box1" value="abc" checked="checked" / >
6.特殊字符要用编码表示
在XHTML中,页面内容含有的特殊字符都要用编码表示。例如,“&”必须要用“&amp;”的形式。例如,下面的HTML代码:
<img src="pic.jpg" src="abc & def">,在XHTML中必须要写成<img src="pic.jpg" src="abc &amp def" />
7.使用页面注释
XHTML中使用<!--和-->作为页面注释,其示例代码如下:
<!--这是一个注释 -->
说明:在页面相应的位置使用注释,可以使文档结构更加清晰。
8.推荐使用外部链接来调用脚本
HTML一般在<!--和-->注释中插入脚本,但是在XML 浏览器中会被简单地删除,导致脚本或样式失效。推荐使用外部链接来调用脚本。调用脚本的代码如下:
<script language="JavaScript1.2" type="text/javascript" src="scripts/menu.js"></script>
说明:language 是指所使用的语言的版本,type 是指所使用脚本语言的种类,src 是指脚本文件所在
路径。

没有评论:

发表评论