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 区别
相关文章
金山数据恢复大师官方版 v1.0.0.2
详情南方测绘Cass10v10.1.6中文
详情revit 2017
详情KeyShot Pro 9中文(附安装教程) v9.0.286
详情网易新闻客户端v105.3
详情AIMP4v5.11.2421中文绿色美化版
详情onekey一键还原v18.0.18.1008
详情浩辰CAD2020绿色v20.0
详情好图网图标转换工具v4.9.7
详情Adobe indesign cs6
详情aardiov35.0.0中文最新版
详情Adobe Creative Cloud 2024简体中文v5.3.0.48
详情暴风影音16 v9.04.1029去广告精简版
详情ASP.NET Maker 2019(ASP.NET代码生成工具)v12.0.4.0
详情暴风影音v5.92.0824.1111
详情迅雷5稳定版v5.8.14.706
详情使命召唤17官方中文版 v1.0
详情死亡之雨新的僵尸病毒中文v1.0绿色免安装版
详情辐射4v1.7.15.0整合版
详情克莉2v1.0中文版
详情冬日计划v1.2中文版
详情刺客信条英灵殿v1.0吾爱
详情刺客信条英灵殿终极v1.0免安装
详情动物森友会v1.10.0最新
详情哈迪斯杀出地狱v1.37中文
详情嗜血印中文豪华版v1.0豪华版 附游戏攻略秘籍
详情城市战斗v1.0中文
详情尼尔人工生命v1.0steam免费
详情尼尔人工生命升级版v1.0PC
详情层层恐惧2中文v1.0绿色免安装版
详情往日不再v1.0 steam
详情往日不再v1.0pc
详情小生活游戏内置MOD版v2.0(57)安卓版
详情使命召唤手游测试服最新版v1.9.41安卓版
详情三国谋定天下官服v1.2.1安卓版
详情热血新手村高爆版v1.0.0安卓版
详情我养你啊手机版v1.0.0安卓版
详情看懂了就很恐怖的故事(细思极恐)中文版v1.0安卓版
详情背包英雄中文手机版v1.1.1安卓版
详情glow官方版v2.0.9安卓版
详情三国大时代4霸王立志官方正版v1.9安卓版
详情飞卢小说阅读器手机版v7.0.7安卓版
详情牛牛粤语词典软件v20.4.4安卓版
详情PrettyUp视频美化瘦身软件v2.3.0
详情化学方程式app中文版v1.1.0.20安卓版
详情地下城堡3魂之诗2024安卓最新版v1.2.3安卓版
详情南方都市报v6.10.0安卓版
详情阿修罗之眼正版v1.0.10安卓版
详情