HTML、XML、XHTML和HTML5的异同

html-css013

HTML、XML、XHTML和HTML5的异同,第1张

HTML是HyperType Markup Language（超文本标记语言）的简称，HTML 是用来描述网页的一种语言。

XHTML 指可扩展超文本标签语言（EXtensible HyperText Markup Language）。

由于HTML是一种松散的、不能够适应社会发展需要的标记语言，因此W3C组织在2000年的1月26日，以XML为根本重构了HTML 4.01，取名为：XHTML。

“当 XML（扩展标记语言）于 1998 年 2 月被引入软件工业界时，它给整个行业带来了一场风暴。有史以来第一次，这个世界拥有了一种用来结构化文档和数据的通用且适应性强的格式，它不仅仅可以用于 WEB，而且可以被用于任何地方。”

---《Designing With Web Standards Second Edition》, Jeffrey Zeldman

HTML5 是 W3C（World Wide Web Consortium，万维网联盟）与 WHATWG（Web Hypertext Application Technology Working Group） 合作的结果。

WHATWG 致力于 web 表单和应用程序，而 W3C 专注于 XHTML 2.0。在 2006 年，双方决定进行合作，来创建一个新版本的 HTML。

HTML5的设计目的是为了在移动设备上支持多媒体。新的语法特征被引进以支持这一点，如video、audio和canvas 标记。HTML5还引进了新的功能，可以真正改变用户与文档的交互方式。这些特性是XHTML不能满足的。

HTML5将会取代1999年制定的HTML 4.01、XHTML 1.0标准，以期能在互联网应用迅速发展的时候，使网络标准达到符合当代的网络需求，为桌面和移动平台带来无缝衔接的丰富内容。

1） HTML 5 和 XHTML 是老版 HTML 的替代，由于产生的背景和年代不一样，作用也不一样。HTML 5 主要是来在移动设备上支持多媒体，XHTML 是为了用来严格规范语法结构。HTML、 XHTML、HTML 5 仅仅是版本不同而已。目前，HTML 5 是主流。

2） XML 则主要是让自己通过自定义标签，来传输数据，而非展示数据。XML 和页面展示无关。

<html>

<head><title></title>

<script language="javascript">

function CreateLinks(url)

{

var xmlDom = new ActiveXObject("Microsoft.XMLDOM")

if( xmlDom == null){alert("创建失败")return }

xmlDom.async = true

xmlDom.load(url)

var str = xmlDom.getElementsByTagName("c")[0].childNodes[0].nodeValue

alert(str)

}

</script>

</head>

<body id="DocBody" onload="CreateLinks('a.xml')">

</body>

</html>

假设你的XML文件叫做a.xml，并且和此html文件在同一文件夹下。

HTML5本地存储——Web SQL Database

在HTML5 WebStorage介绍了html5本地存储的Local Storage和Session Storage，这两个是以键值对存储的解决方案，存储少量数据结构很有用，但是对于大量结构化数据就无能为力了，灵活大不够强大。

Web SQL Database

我们经常在数据库中处理大量结构化数据，html5引入Web SQL Database概念，它使用 SQL 来操纵客户端数据库的 API，这些 API 是异步的，规范中使用的方言是SQLlite，你假如感兴趣，可以来我的裙，一起学习交流下，同时也欢迎每一位大神，前面是二五七，中间是014，后面是001，组合起来就是了，非常欢迎真心久留学习的。

三个核心方法

但是我们学一下也没什么坏处，而且能和现在W3C力推的IndexedDB做比较，看看为什么要废弃这种方案。Web SQL Database 规范中定义的三个核心方法：

openDatabase：这个方法使用现有数据库或新建数据库来创建数据库对象

transaction：这个方法允许我们根据情况控制事务提交或回滚

executeSql：这个方法用于执行SQL 查询