很多 UI 设计师、视觉设计师在初入职场，都会遇到需要设计 H5 的需求，但大多数人其实并不了解 H5 是什么，所以写一篇详细的扫盲文章，帮助大家对它有完整的认识。

做 UI 和移动端开发的都该知道，国内对专业术语的命名是很不负责的，没有统一规范，非常的写意。H5 也是如此，它也是一个偏离了具有明确指向性的“术语”。

在今天，H5 有广义和狭义两种，下面我们分别对它进行解释。

广义上，H5 指的是 HTML5，即网页使用的 HTML 代码 —— 第五代超文本标记语言。

早在 2004 年 HTML5 就已经被提出，在经过为期 10 年跌跌撞撞的发展才在 14 年正式确定和发布。

在 HTML5 以前，其实 HTML 是几代都无所谓，不妨碍我们理解它就是写网页用的代码。但到了第 5 代突然就被所有互联网人熟知，而且受到广泛关注，这是为什么？

HTML5 以前，网页主要在电脑中访问。但随着智能手机的发展，互联网的访问从电脑转移到了移动设备，如果用手机查看完整的网页，那是根本看不清楚内容的。上网方式的变更，也就推动技术的更新。

复杂的技术细节不需要讨论，只要知道 HTML 5 相比以前最重要的特性，就是增强对移动设备的支持。我们可以用它开发出更符合移动端操作的界面，调用手机的特殊硬件支持。

而且随着 HTML5 正式发布节点那两年，还有个很重要的概念 “响应式设计” 被提出并被广泛接受。