HTML与HTML5的特点和本质区别？

HTML与H5的特点及区别

今天突然发现自己对HTML和H5有有点混淆，所有就做一下笔记他们两者到底有什么区别。

HTML

HTML称为超文本标记语言，是一种标识性的语言。
它包括一系列标签．通过这些标签可以将网络上的文档格式统一，使分散的Internet资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字，图形、动画、声音、表格、链接等。

超文本是一种组织信息的方式，它通过超级链接方法将文本中的文字、图表与其他信息媒体相关联。

HTML特点

1. 简易性：超级文本标记语言版本升级采用超集方式，从而更加灵活方便。
2. 可扩展性：超级文本标记语言的广泛应用带来了加强功能，增加标识符等要求，超级文本标记语言采取子类元素的方式，为系统扩展带来保证。
3. 平台无关性：虽然个人计算机大行其道，但使用MAC等其他机器的大有人在，超级文本标记语言可以使用在广泛的平台上，这也是万维网（WWW）盛行的另一个原因。
4. 通用性：另外，HTML是网络的通用语言，一种简单、通用的全置标记语言。它允许网页制作人建立文本与图片相结合的复杂页面，这些页面可以被网上任何其他人浏览到，无论使用的是什么类型的电脑或浏览器。

HTML5

H5并不是新的语言，而是html语言的第五次重大修改–版本，就是HTML的升级版。（我们平时说的HTML一般都是说HTML4）。
但是HTML5 并不仅仅是HTML 规范的最新版本，而是一系列用来制作现代Web 内容的 相关技术的总称，其中最重要的三项技术分别为：HTML5 核心规范（标签元素）、CSS3（层
叠样式表第三代）、和JavaScript。

目前来说所有的主流浏览器都支持h5.（chrome,firefox,safari…）。IE9及以上支持h5(有选择的支持，并不会全部支持),但是ie8及以下不支持h5.

HTML5的功能

1. HTML5 核心：这部分主要由W3C 官方的规范组成，涉及新的语义元素、新的增强的Web 表单、音频和视频、图像、动画、通过JavaScript绘图的Canvas以及与设备的交互。这部分大多数主流浏览器均得到很好的支持；
2. 改变了用户与文档的交互方式：多媒体：video audio canvas
3. 地理定位：HTML5通过引入Geolocation的API可以通过GPS或网络信息实现用户的定位功能
4. 数据存储：HTML5支持DOM Storage和Web SQL Database 两种存储机制
5. 多线程：HTML5新增加了一个WebWorkerAPI，用户可以创建多个在后台的线程，将耗费较长时间的处理交给后台面不影响用户界面和响应速度，这些处理不会因用户交互而运行中断。

HTML5 的特点

向下兼容
对于XHTML2.0 要求遵循规则，否则不予显示的方式，HTML5 却实行“不破坏Web”的原则。也就是说，以往已存在的Web 页面，还可以保持正确的显示。
当然，面对开发者，HTML5 规范要求摒弃过去那些编码坏习惯和废弃的标签元素；而面对浏览器厂商，要求它们兼容HTML 遗留的一切，以做到向下兼容。

用户至上
HTML5 遵循“用户至上”的原则，在出现具体问题时，会把用户放在第一位，其次是开发者，然后是浏览器厂商，最后才是规范制定者。比如，开发者在编码时不严谨导致本该出现警告或错误时，却正常显示了页面。
化繁为简
HTML5 对比之前的XHTML，做了大量的简化工作。具体如下：
(1).以浏览器的原生能力代替复杂的JavaScript；
(2).DOCTYPE 被简化到极致；
(3).字符集声明被简化；
(4).简单强大的API。

无插件范式
在HTML5 出现之前，很多功能只能通过插件或hack（如绘图API）来实现，但HTML5原生提供了这些支持。使用插件有很多问题，具体如下：
(1).插件安装容易失败；
(2).插件被浏览器或软件禁用屏蔽（如Flash 插件）；
(3).插件经常会被爆出漏洞被利用攻击；
(4).插件不容易与HTML 文档其他部分集成（比如整体透明化等）。

访问通用性
这个原则分为三个概念：
(1).可访问性：比如更加利于残障人士的阅读方案；
(2).媒体中立：比如HTML5 的媒体播放在不同设备或平台均能正常运行；
(3).支持所有语种：比如新元素。

引入语义
HTML5 引入了一些用来区分不同含义和内容的标记元素。这种方式极大的提供的编码人员的可读性和代码区域查询的便利性。

引入原生媒体支持
HTML5 的一次大改进救生衣支持在浏览器中直接播放视频和音频文件，以前都需要借助插件才能实现此类功能。

引入可编程内容
HTML5 最大的变化就是引入了需要通过JavaScript 编程才能完全的各种效果，而这些很多都是HTML5 原生的。那么现在HTML5 可以理解为HTML + CSS + JavaScript 的总称。

相对于h4

7. **进步：**抛弃了一些不合理不常用的标记和属性

8. 新增了一些标记和属性–表单

9. 从代码角度而言，h5的网页结构代码更简洁。

参考文献1

参考文献2