html5和xhtml的关系_随笔

XHTML 是 XML 风格的 HTML 4.01。

HTML5 是下一代 HTML，取代 HTML 4.01。

XHTML是基于XML发布的HTML规范，旨在规范HTML的格式。

两者提出的目的是不一样的，W3C 原本确实计划用 XHTML 系列替代 HTML 4.01XHTML 兴起，它的地位就被 HTML5 取代了。

HTML5相比XHTML，新增一些特性：

1. 用于绘画的 canvas 元素；

2. 用于媒介回放的 video 和 audio 元素；

3. 对本地离线存储的更好的支持；

4. 新的特殊内容元素，比如 article、footer、header、nav、section；

5. 新的表单控件，比如 calendar、date、time、email、url、search。

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 和页面展示无关。

HTML5和HTML的区别：

1. HTML5 标准还在制定中

首先要注意的是，HTML5虽然现在很火，但是HTML5标准还在制定中，标准仍在改变。HTML4已经10多年了，不会有任何改变了。

2. 简化的语法

HTML5简化了很多细微的语法，例如doctype的声明，只需要写<!doctype html>就行了。HTML5与HTML5，XHTML1兼容，但是与SGML不兼容。

3. <canvas>标签替代Flash

Flash给很多Web开发者带来了麻烦，要在网页上播放Flash需要一堆代码和插件。<canvas>标签使得开发者只要使用一个标签就能和用户产生UI交互。

4. 新增 <header>和 <footer>标签

HTML5设计的一个原则是更好的体现网站的语义性，所以增加了<header>和<footer>这样的标签，用来明确表示网页的结构。

5. 新增 <section>和 <article>标签

与<header>, <footer>类似，<section>和<article>也有利于清晰化网页的结构，更有利于SEO。

6. 新增 <menu>和 <figure>标签

<menu>可以被用于创建传统的菜单，也可以用于工具栏和上下文菜单。<figure>标签使得网页文字和图片的排版更专业。

7. 新增 <audio>和 <video>标签

这两个标签可能是HTML5里面最有用的两个标签了。顾名思义，这两个标签是用来播放音频和视频的。

8. 全新的表单

HTML5对 <form>和 <forminput>标签进行了大量修改，添加了很多新的属性，也修改了很多属性。

9. 删除 <b>和 <font>标签

这个改进还无法理解。不认为删除这两个标签对代码的改进有很大的帮助。官方的解释是应该用CSS来替代这两个标签。但还是觉得对于简单的文本，这两个标签还是很方便的。

10. 删除 <frame>, <center>, <big>标签

已经记不得上次是什么时候使用这些标签了。

欢迎分享，转载请注明来源：内存溢出

html5和xhtml的关系