HTML&XHTML&HTML5之间的区别

HTML与HTML5之间的区别

　　我们现在在前端静态网页开发中用的html一般是指html4.0版本，同时是符合W3C的xhtml1.0规范来的。而html5是HTML的最新标准，加入了许多新特性，包括语义化标签、多媒体支持、本地存储、以及对设备API的调用等，那么他们两者又有什么实质性的区别呢？

　　在文档声明上，html有很长的一段代码，并且很难记住这段代码，基本上很多都是靠工具直接生成的；而html5却是不同，只有简简单单的一个声明（< !DOCTYPE html>），方便我们记忆、使用。

　　在html中并没有体现结构语义化的标签，我们通常都是这样来命名网站的头部，如下所示：

<div id="header"></div>

　　相反，html5在语义上却有很大的优势，提供了一些新的html标签，如下所示：

<header>、<nav>、<section>、<footer>、<article>、<aside>

（1）Canvas标签和SVG画图

　　在html5中，主要通过Canvas标签和SVG来画图，画出相应的图片和动画，但在html中却不行。

　　Canvas 标签通过 JavaScript 来绘制 2D 图形，Canvas 是逐像素进行渲染的。在 Canvas 中，一旦图形被绘制完成，它就不会继续得到浏览器的关注，如果其位置发生变化，那么整个场景也需要重新绘制，包括任何或许已被图形覆盖的对象。

　　SVG 是一种使用 XML 描述 2D 图形的语言，SVG 基于 XML，这意味着 SVG DOM 中的每个元素都是可用的，您可以为某个元素附加 JavaScript 事件处理器。在 SVG 中，每个被绘制的图形均被视为对象，如果 SVG 对象的属性发生变化，那么浏览器能够自动重现图形。

（2）Video和Audio标签支持

　　在html中，我们想要插入一段视频，可能还需要引用一小段的代码；但是在html5的情况下，我们只需要用于一个Video标签即可。Audio 标签和Video标签支持视频或音乐插入到网页中。

　　XHTML 指扩展超文本标签语言，XHTML 的目标是取代 HTML，与HTML 4.01 版本几乎是相同的，是更严格更纯净的 HTML 版本。XHTML 是作为一种 XML 应用被重新定义的 HTML。