什么是HTML？

通俗易懂版：

HTML就是你跟浏览器下达命令的语言。比如要把一篇文章显示在浏览器上，文章既有图片又有文字，你要告诉它哪些是文字，哪些是图片，并且分别都放在哪个地方，需要用什么样式（颜色、大小、对齐……），我们把浏览器显示的页面叫做网页。举个例子，要让下面这个简单的文字+图片显示在浏览器上：

翻译成浏览器懂的语言就是：

<title style=”text-align:center”>  最简洁易懂的“H5”技术科普  <title>

<img src=”/img/h5教学” />

如果HTML是中国人发明的，那么表达方式就是：

<标题 格式=”文字对齐:居中”>  最简洁易懂的“H5”技术科普  <标题>

<图片 图片地址=”/img/h5教学” />

什么是HTML5？

HTML5是HTML的第五个版本，上一个版本是HTML4，于1997年发布。

HTML5本质上不是什么新的技术，但是由于其在功能特性上有了极大的丰富，在加上各大浏览器性能上的支持，HTML5相对以前的HTML4有着更广泛的应用。

HTML5主要的新特性：

语义特性（Class：Semantic）

HTML5赋予网页更好的意义和结构。简单来说就是程序猿更方便跟浏览器沟通。

本地存储特性（Class: OFFLINE & STORAGE）

基于HTML5开发的网页APP拥有更短的启动时间，更快的联网速度，因为可以将一些常用、不常更新的内容存储在本地。

设备兼容特性 (Class: DEVICE ACCESS)

HTML5提供了前所未有的数据与应用接入开放接口。使外部应用可以直接与浏览器内部的数据直接相连，例如视频影音可直接与microphones及摄像头相联。

连接特性（Class: CONNECTIVITY）

HTML5拥有更有效的服务器推送技术，Server-SentEvent和WebSockets就是其中的两个特性，这两个特性能够帮助实现服务器将数据“推送”到客户端的功能。更有效的连接工作效率，可以实现基于页面的实时聊天，更快速的网页游戏体验，更优化的在线交流。

网页多媒体特性(Class: MULTIMEDIA)

支持网页端的Audio、Video等多媒体功能。

三维、图形及特效特性（Class: 3D, Graphics & Effects）

基于SVG、Canvas、WebGL及CSS3的3D功能，视觉效果将大大增强，在线3D网游就是最典型的例子。

性能与集成特性（Class: Performance & Integration）

HTML5会通过XMLHttpRequest2等技术，帮助Web应用和网站在多样化的环境中更快速的工作。最直观的就是加载会更快。

CSS3特性(Class: CSS3)

如果把网页比喻成舞台，文字图片视频这些比喻成演员，那么CSS3就是化妆师和舞美，它控制着网页所有元素的视觉和动作效果。相对于旧的CSS版本，HTML5所支持的CSS3中提供了更多的风格和更强的效果，也提供了更高的灵活性和控制性。

基于以上的功能特性，HTML5将有着极大的想象空间，最典型的应用前景是谷歌的浏览器OS概念——既浏览器取代操作系统，所有软件、APP都运行在云端，用户通过浏览器获取软件服务；在此假设下，Chrome浏览器相当于Windows操作系统，电脑软件（比如Office、Photoshop等等）界面就是Chrome上不同网址的一个个新建窗口，而软件操作界面就是HTML5网页。

技术科普到此，有意了解更多HTML知识的同学，可以看一下Julie Meloni的《HTML与CSS入门经典》。下面讲讲商业应用。

H5又是什么鬼？

HyperText Mark-up Language 5.0  → HTML5 → H5

当然，HTML5是英文规范简称，但H5就完全是国内特定人群的叫法。目前的事实是，H5已经成为微信HTML5网页的专有名词。

以现在的定义，H5特指基于HTML5技术的交互网页应用，以商业用途为主。

以下列举一些H5商业应用场景，供参考：

1、微信H5

目前HTML5应用最多的形式，因为移动端完全不支持Flash，而HTML5在动画展现和交互上基本可以满足企业需求，同时也因为微信的大力支持，HTML5网页作为一种营销的形式被广泛应用，营销圈简称H5。