2012/11/23 10:07:23作者:佚名来源:网络
一、HTML与XHTML
HTML是一种基本的Web网页设计语言,XHTML是一个基于XML的置标语言,看起来于HTML有些像,只有一些小的区别,本质上说,XHTML是一个过渡技术,结合了XML的强大功能及HTML的简单特性。
二、什么是XHTML
HTML是一种基本的网页设计语言,XHTML是一个基于XML的语言,看起来与HTML有些类似.只有一些小的但重要的区别,其中使用的元素均为HTML中的元素,同时使用更加严格的语法规范。
2000年底,国际W3C组织公布发行了XHTML1.0版本。XHTML1.0是一种在HTML4.o基础上优化和改进的新语言,目的是基于XML应用。XHTML是一种增强了的HTML,它的可扩展性和灵活性将适应未来网络应用更多的需求。XML虽然数据转换能力强大,完全可以替代HTML,但面对成千上万已有的基于HTML语言设计的网站,直接采用XML还为时过早。因此,在HTML4.0的基础上,用XML的规则对其进行扩展,得到了XHTML。所以,建立XHTML的目的就是实现HTML向XML的过渡。目前国际上在网站设计中推崇的Web标准就是基于XHTML的应用(即通常所说的CSS+DIV)。
三、DOCTYPE声明
在XHTML中必须声明文档的类型,以便于浏览器知道当前浏览的文档是什么类型。声明DOCTYPE必须放在文档的第一行。当浏览器检测到DOCTYPE后就会转换到标准模式,对HTML和CSS按照标准的方式解释,不必再把时间用在弥补、解释不规范的HTML上了,所以页面显示的速度就会更快。如下所示为使用DOClTYPE声明。
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<body>
</body>
</html>
可以看到最上面有两行关于DOCTYPE(文档类型)的声明,它就是告诉浏览器使用XHTML1.0的过渡规范来解释这个文档中的代码。
四、XHTML与HTML的重要区别
(1)、HTML是一种基本的web网页设计语言,XHTML是一个基于XML的置标语言,看起来与HTML有些像,只有一些小的但重要的区别。
(2)、XHTML元素必须是完全嵌套的
XHTML元素必须是完全嵌套的,HTML则并不严格,不完全嵌套的元素也能被“容错”。如下所示。
在HTML中一些元素可以不使用正确的相互嵌套。
<b><i>这是粗体和斜体</b></i>
在XHTML中所有元素必须合理的相互嵌套。
<b><i>这是粗体和斜体</b></i>
(3)、XHTML文档格式必须规范
所有的xHTML标记必须被嵌套使用在<html>根标签之中。所有其他的标签可以有自已的子标签。位于父标签之内的子标签也必须成对且正确的嵌套使用。一个网页的基本结构如下所示。
<html>
<head>···</head>
<body>···</body>
</html>
(4)、标签名必须是小写的
这是因为XHTML文档是XML应用程序,XML是区分大小写的,像<b>和<B>会被认为是两种不同的标签。
如下写法是错误的。
<B>这是粗体</B>
正确的写法如下。
<b>这是粗体</b>
(5)、所有的XHTML元素都必须有始有终
非空元素必须有关闭标签。
如下所示的写法是错误的。
<p>这是第一段
<p>这是第二段
正确的写法如下。
<p>这是第一段</p>
<p>这是第二段</p>
空的元素也必须有一个结束标签,或者开始标签用/>结束。
如下所示的写法是错误的。
<img src"···">
<input type="text">
<meta http-equiv="content-Type" content="text/html; charset=gb2312">
<br>
正确的写法如下。
<img src"···">
<input type="text">
<meta http-equiv="content-Type" content="text/html; charset=gb2312">
</br>
(6)、用id属性代替name属性
HTML4.01中为a、applet、flame、iframe、img和map定义了一个name属性,在XHTML里除了表单(form)外,name属性不能使用,应该用id来替换。
如下写法是错误的。
<img src="img/pic.jpg" name="people">
正确的写法如下。
<img src="img/pic.jpg" id="people">
为了使旧浏览器也能正常地执行该内容,也可以在标签中同时使用id和name属性,如下所示
<img src="img/pic.jpg" id="people" name="people">
(7)、属性必须加上英文双引号
XHTML中所有的属性,包括数值都必须加上英文双引号(" "),代码如下所示。
<img name=" "src" " width="32" height="32" alt=" "/>
(8)、在XHTML中属性值必须使用完整形式
XHTML中规定每一个属性都必须有一个值。没有值的属性也必须用自己的名称作为值。例如,在HTML中,checked 性是可以不取值的,但是在XHTML中必须用它自身的名称作为值。示例代码如下。
<input type="checkbox" name="sox" value="abc" checked="checked" / >
标签: HTML XHTML 区别
相关文章
够快云库v6.3.24.12120免费版
详情
光影魔术手官方版 v4.7.1
详情
ADsafe净网大师v5.4.408.7000
详情
网易邮箱大师v5.3.2.1015电脑版
详情
foxmailv7.2.25.375
详情
暴风影音5v5.92.0824.1111
详情
暴风影音v5.92.0824.1111
详情
BitComet(比特彗星)v2.13.4.13Beta2
详情
路由优化大师v4.5.31.267
详情
茄子快传电脑版 v5.1.0.7
详情
搜狐影音 v7.2.1.0官方版
详情
搜狐影音客户端 v7.2.1.0
详情
迅雷影音官方版 v7.0.3.92
详情
cbox央视影音v6.0.3.4经典版
详情
potplayer播放器v1.7.22496
详情
Daum PotPlayer(已集成直播源)v1.7.22496绿色纯净美化便携增强版
详情
NBA2K21曼巴永恒版v1.0中文
详情
赛博朋克2077v1.0中文
详情
天国拯救2黄金版 Build.17149332-1.1.1.11377中文版
详情
燕云十六声电脑版 v1.9.31
详情
潜行者2:切尔诺贝利之心 Build.16805297豪华中文版
详情
模拟农场25豪华中文版
详情
迷你世界电脑版 v1.41.00
详情
骑马与砍杀2 v1.2.9.34019免费版
详情
侠盗猎车手圣安地列斯 v1.0最新中文版
详情
整蛊白云 v1.0
详情
地平线4 v1.476中文版
详情
圣女战旗中文v1.1.9绿色免安装版
详情
狂怒2中文
详情
红色警戒2共和国之辉电脑版 v1.0
详情
模拟人生4 v1.0中文免费版
详情
蛊婆v1.0免费版
详情
冰封蜘蛛v1.0安卓版
详情
恐龙射击生存v1.0.0安卓版
详情
塔之少女v1.0.1安卓版
详情
无赖英雄v2.6.30安卓版
详情
风月读书v1.20.070219安卓版
详情
皮皮虾极速版appv3.6.2安卓版
详情
思尔健康v3.1.59安卓版
详情
小豆苗疫苗助手v8.3.5官方版
详情
京东极速版v1.2.0安卓版
详情
猫耳fmv6.5.4免付费版
详情
番茄畅听红包版v6.2.2.32安卓版
详情
网易蜗牛读书v1.9.9安卓最新版
详情
我的健身教练2单机版v2.0安卓版
详情
钢铁英雄(Heroes of Steel Elite)v4.5.21无限金币钻石版
详情
有声英语小说appv1.3.4去广告最新版
详情
造梦无双v1.02九游版
详情