码迷,mamicode.com
首页 > Web开发 > 详细

xml、xhtml、html、dhtml的区别

时间:2015-08-03 14:26:34      阅读:270      评论:0      收藏:0      [点我收藏+]

标签:

 

1、XML 

可扩展标记语言标准通用标记语言的子集,是一种用于标记电子文件使其具有结构性的标记语言

可扩展标记语言可以对文档和数据进行结构化处理,从而能够在部门、客户和供应商之间进行交换,实现动态内容生成,企业集成和应用开发。可扩展标记语言可以使我们能够更准确的搜索,更方便的传送软件组件,更好的描述一些事物。例如电子商务交易等。

XML被设计用来传输和存储数据;超文本标记语言(HTML)被设计用来显示数据。

XML的显示:单独用XML是不能显示页面的,必须使用某种格式化技术,比如级联样式表CSS或是可扩展样式表XSL,才能显示XML标记创建的文档。

定义

什么是可扩展标记语言?  

  • 可扩展标记语言是一种很像超文本标记语言的标记语言。
  • 它的设计宗旨是传输数据,而不是显示数据。
  • 它的标签没有被预定义。您需要自行定义标签。
  • 它被设计为具有自我描述性。
  • 它是W3C的推荐标准。

区别 XMLHTML对比 

   1XML不是超文本标记语言的替代,XML是对超文本标记语言html的补充

   2XML被设计用来传输和存储数据,其焦点是数据的内容

      HMTL被设计用来显示数据,其焦点是数据的外观。

   3XML可以自定义标签,HTML标签固定

   4XML提供一种描述结构化数据的方法;

   5XML所有的标记都必须成对出现,而HTML的标记不是所有的都需要成对出现

   6HTML标记不区分大小写,XML则大小写敏感,即区分大小写

XML例子:

<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<hello>
 <num1>1</num1>
 <num2>2</num2>
</hello>

2、XHTML

可扩展超文本标记语言,是一种置标语言,表现方式与超文本标记语言HTML)类似,不过语法上更加严格。

从继承关系上讲,HTML是一种基于标准通用置标语言的应用,是一种非常灵活的置标语言,而XHTML则基于可扩展标记语言,可扩展标记语言是标准通用置标语言的一个子集。XHTML 1.02000126日成为W3C的推荐标准。

建立XHTML的目的就是实现HTMLXML的过渡。

定义

XHTML 指扩展超文本标签语言(EXtensible HyperText Markup Language)。

XHTML 的目标是取代 HTML

XHTML 与 HTML 4.01 几乎是相同的。

XHTML 是更严格更纯净的 HTML 版本。

XHTML 是作为一种 XML 应用被重新定义的 HTML

区别  XHTML与HTML对比:

1.所有的标记都必须要有一个相应的结束标记

以前在HTML中,你可以打开许多标签,例如和<li>而不一定写对应的和</li>来关闭它们。但在XHTML中这是不合法的。XHTML要求有严谨的结构,所有标签必须关闭。如果是单独不成对的标签,在标签最后加一个"/"来关闭它。例如:

<img height="80" alt="网页设计师" src="../images/logo_w3cn_200x80.gif" width="200" />

2.所有标签的元素和属性的名字都必须使用小写

HTML不一样,XHTML对大小写是敏感的,<title><TITLE>是不同的标签。XHTML要求所有的标签和属性的名字都必须使用小写。例如:<BODY>必须写成<body> 。大小写夹杂也是不被认可的,通常dreamweaver自动生成的属性名字"onMouseOver"也必须修改成"onmouseover"

3.所有的XML标记都必须合理嵌套

同样因为XHTML要求有严谨的结构,因此所有的嵌套都必须按顺序,以前我们这样写的代码:

<p><b></p></b>

必须修改为:<p><b></b></p>

就是说,一层一层的嵌套必须是严格对称。

4.所有的属性必须用引号""括起来

HTML中,你可以不需要给属性值加引号,但是在XHTML中,它们必须被加引号。例如:

<height=80>

必须修改为:

<height="80">

特殊情况,你需要在属性值里使用双引号,你可以用",单引号可以使用,例如:

<alt="say‘hello‘">

5.把所有<&特殊符号用编码表示

任何小于号(<),不是标签的一部分,都必须被编码为& l t ;

任何大于号(>),不是标签的一部分,都必须被编码为& g t ;

任何与号(&),不是实体的一部分的,都必须被编码为& a m p;

注:以上字符之间无空格。

6.给所有属性赋一个值

XHTML规定所有属性都必须有一个值,没有值的就重复本身。例如:

<input type="checkbox" name="shirt" value="medium" checked>

必须修改为:

<input type="checkbox" name="shirt" value="medium" checked="checked" />

7.不要在注释内容中使“--”

“--”只能发生在XHTML注释的开头和结束,也就是说,在内容中它们不再有效。例如下面的代码是无效的:

<!--这里是注释-----------这里是注释-->

用等号或者空格替换内部的虚线。

<!--这里是注释============这里是注释-->

以上这些规范有的看上去比较奇怪,但这一切都是为了使我们的代码有一个统一、唯一的标准,便于以后的数据再利用。

8.图片必须有说明文字

每个图片标签都必须有ALT说明文字。

<img src="ball.jpg" alt="large red ball" title="large red ball"/> //为了兼容火狐IE浏览器,对于图片标签,尽量采用 alttitle双标签,单纯的alt标签在火狐下没有图片说明!

如何将 HTML 转换为 XHTML

下面列出了将 HTML 转换为 XHTML 的几点:

1添加一个 XHTML <!DOCTYPE> 到网页中。

2添加 xmlns 属性到每个页面的 html 元素中。

3修改所有的元素为小写。

4关闭所有的空元素。

5修改所有的属性名称为小写。

6所有属性值添加引号。

一个 XHTML 的实例 

这个一个简单的(最小化的) XHTML 文档: 

 1 <!DOCTYPE html 
 2 
 3 PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
 4 
 5 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
 6 
 7 <html> 
 8 
 9 <head> 
10 
11 <title>simple document</title> </head> 
12 
13 <body> 
14 
15     <p>a simple paragraph</p>
16 
17  </body> 
18 
19 </html>

3、HTML

htmlhyper Text Mark-up Language 超文本标记语言标准通用标记语言下的一个应用。是 WWW 的描述语言,由 Tim Berners-lee提出。设计 HTML 语言的目的是为了能把存放在一台电脑中的文本或图形与另一台电脑中的文本或图形方便地联系在一起,形成有机的整体,人们不用考虑具体信息是在当前电脑上还是在网络的其它电脑上。这样,你只要使用鼠标在某一文档中点取一个图标,Internet就会马上转到与此图标相关的内容上去,而这些信息可能存放在网络的另一台电脑中。

超文本”就是指页面内可以包含图片、链接,甚至音乐、程序等非文字元素。

    HTML文本是由 HTML命令组成的描述性文本,HTML 命令可以说明文字、 图形、动画、声音、表格、链接等。 HTML的结构包括头部 (Head)、主体 (Body) 两大部分。头部描述浏览器所需的信息,主体包含所要说明的具体内容。

4、DHTML

DHTMLDynamic HTML的简称,就是动态的html标准通用标记语言下的一个应用),是相对传统的静态的html而言的一种制作网页的概念。所谓动态HTMLDynamic HTML,简称DHTML),其实并不是一门新的语言,它只是HTMLCSS和客户端脚本的一种集成,即一个页面中包括html+css+javascript(或其它客户端脚本),其中css和客户端脚本是直接在页面上写而不是链接上相关文件。DHTML不是一种技术、标准或规范,只是一种将目前已有的网页技术、语言标准整合运用,制作出能在下载后仍然能实时变换页面元素效果的网页设计概念。

作用

DHTML就是当网页从WEB服务器下载后无须再经过服务器的处理,而在浏览器中直接动态地更新网页的内容、排版样式、动画。比如,当鼠标移至文章段落中,段落能够变成蓝色,或者当你点击一个超链后会自动生成一个下拉式的子超链目录。这就是 Dynamic HTML(动态HTML),它是近年来网络发展进程中最具实用性的创新之一。它是一种通过各种技术的综合发展而得以实现的概念,这些技术包括Java Script , VBScript, Document Object Model (文档对象模型)LayersCascading Style Sheets ( CSS样式表)等。

 

参考链接http://wenku.baidu.com/link?url=7SoUQycp9QS6GWk_T70qHnIFp2Q1y1pHyCFn1Vr5OQk6UEUc0GXdMG4ItQd1lUHc7zawLtKwqugLbGBzeFwNXPhJz9JJIVo8wMegEnBhq-a###

 

xml、xhtml、html、dhtml的区别

标签:

原文地址:http://www.cnblogs.com/weiyux/p/4699171.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!