1.5 XHTML新规范
XHTML(eXtensible Hyper Text Markup Language)可扩展的超文本标签语言,是一种增强了的HTML,并基于XML(eXtensible Markup Language)的应用,有简洁严谨的结构,可以很容易地被不同浏览器软件解读。使用Dreamweaver8及以上版本(Dreamweaver CS3、Dreamweaver CS4等)网页制作软件编辑静态网页时,默认都使用XHTML。
XHTML继承了HTML的基本规则,例如,XHTML文件的扩展名也是.html或.htm;HTML所有标签名在XHTML1.0中都可使用,所有标签名称必须使用半角英文字符。但XHTML有更加严格的规范,主要有如下几方面。
1. XHTML网页文件的基本结构
XHTML 1.0网页文件基本结构与HTML网页文件的相似。明显的不同之处是:要在<html>标签的前面加一个文档类型声明,并在<html>标签里面加一个xmlns属性说明。XHTML网页文件基本结构如下。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>……</title>
</head>
<body>
……
</body>
</html>
其中<!DOCTYPE>是一个声明(不是标签),用来说明文档遵循W3C定义的XHTML1.0的过渡DTD,DTD(Document Type Definition)是文档类型定义,包括了文档的规则,浏览器根据DTD来解释网页标签并展现出来。XHTML 1.0 Transitional是过渡性的,DTD要求较为宽松,它允许用户继续使用HTML 4.01标签(但是要符合XHTML的规范)。
<html> 标签里的xmlns属性,说明W3C定义的XHTML规范网页所在网址。
当使用Dreamweaver软件编辑静态网页时,<!DOCTYPE>声明、<html> 标签的xmlns属性以及XHTML的基本结构都会自动生成,不需要用户输入。
2. 标签和属性名对大小写敏感
HTML标签可以大写,也可以小写,还可以大小写混杂。XHTML对大小写是敏感的,例如,标签<body>、<Body>和<BODY>是不同的标签。XHTML标准用法是:标签和属性名都应使用小写,不能大小写混写。
3. 所有标签都必须要关闭
前面在HTML中,可以不需要结束标签,如<p>和<li>标签,不一定要写对应的</p> 和</li>标签来关闭它们。但在XHTML中,这是不合法的,XHTML要求有严谨的结构,所有标签必须关闭(或结束)。如果是单独不成对的标签,在标签最后加一个“/”来关闭它,如<br />、<hr />等,这样的写法在HTML网页文件中,也是正确的。
4. 标签必须合理嵌套
因为XHTML要求有严格的结构,当多种标签需要混合使用时,必须严格地按顺序一层一层地里外嵌套,不能交叉定义。
5. 所有属性的值都要用半角引号括起来
在HTML中,有些标签的属性值可以不加引号。但是在XHTML中,所有属性值必须加半角的引号(最好使用双引号" ")。例如,要指定网页背景色white,HTML可以如下设置:
<body bgcolor= white>
在XHTML中,则要给背景色属性值用双引号括起来:
<body bgcolor= "white">
6. 所有属性都必须赋值
XHTML规定标签如果写了属性,那么该属性一定要赋值,没有值的,就重复本身。例如,HTML的标签为:
<input type="checkbox" name="food" value="rice" checked>
在XHTML中,就必须改为:
<input type="checkbox" name="food" value="rice" checked="checked " />
7. 标签的变化
与HTML相比,XHTML新增了一些标签。例如,在HTML中,用b标签表示文字加粗,i标签表示字体为斜体。在XHTML中,新增em标签和strong标签,用em标签表示字体为斜体,用strong标签表示字体为加粗。虽然在XHTML 1.0中b标签、i标签仍然可以使用,但推荐使用em标签和strong标签来设置文字的倾斜、加粗样式。例如,
<em>外国人</em>,<strong>中国人</strong>
浏览显示为:
HTML中标题标签有7个:h1~h7,XHTML就只规定了6个标题标签:h1~h6。
HTML标签的color属性值用十六进制数表示时,采用#rrggbb形式的6位十六进制数来表示;XHTML规定网页元素的显示格式由CSS(Cascading style Sheets)样式来控制,CSS样式定义color值时,采用#rgb形式的3位十六进制数表示,XHTML1.0标签内color属性仍然支持6位十六进制数表示形式。HTML和XHTML都可以用颜色的英文名称来表示color属性的值。
8. 特殊符号的表示与注释
当网页内容中需要显示小于号“<”、大于号“>”时,在网页编码时应分别用<和>表示;当网页中需要显示符号“&”时,在网页编码时,应用&表示,等等。
XHTML仍然使用“<!--”和“-->”来界定注释信息,但“--”只能在注释的开头和结束处使用,不要在注释内容中出现“--”。
9. 网页内容与显示样式职能分开
HTML规范试图将网页的内容与显示格式都用HTML标签来表示,例如,表示文本内容的标签有p、hn、pre、ul等,表示文本显示格式(字体、大小、颜色等属性)的标签是font。随着网站网页技术的发展,大家发现用HTML标签来设置网页内容的显示格式,远远不能满足要求,于是提出用层叠样式表(CSS)来设置网页显示样式,作为HTML的补充。
W3C提出将XHTML与CSS职能分开,用XHTML表示网页内容,用CSS设置网页内容的显示样式。虽然在过渡期版本XHTML1.0中,仍支持用font等标签来表示网页文本等信息的显示样式,但还是建议网页的显示样式尽量采用CSS来设置。所以,要设计好网页,我们还要学习CSS。
免责声明:以上内容源自网络,版权归原作者所有,如有侵犯您的原创版权请告知,我们将尽快删除相关内容。