浅述html5和web app

题外话：最近跟不少产品解释技术术语，比如脚本、数据库、H5等等，我一般会把他们当成稍微了解这些技术的人，用专业的语言描述一遍，然后用通俗的语言解释一遍，最后举例子解释一遍。

肯定有人问，你把流程反过来是不是更好些呢

不管怎么样，只要有人问我，我会尽量想办法解释清楚一个他们不懂的概念，不管要多久（但讲的久了可能被认为表达能力不行吧，应该会吧，呵呵呵～）。但有时候可能会因双方的理解不同，导致不能正常进行下去。

作为技术大家都是怎样向不懂技术的产品解释技术术语呢？（在线等，急～）

---

开篇补充：

1）这一段是所有内容编辑好后补上的，为什么补上这一段呢？因为我的好多朋友看了这篇文章后说，你这写的是什么job玩意？废话一堆没有重点（对于刚刚“入行”的小编真是不错的打击呢），所以我先提前说明下有利于理解。

2）我把文章给好友看，不少人表示，看完后仍然不知道什么是webapp，我说文中不是有类比app的说明吗？然后追问之下发现，我以为提起app大家默认都会定位为手机软件，然而我错了，并不是所有人都这么想，有人认为所有的软件都应该是app。所以在此我申明下，文中所提app为智能手机软件（此时我的内心是崩溃的）；

3）我对每一段内容最后都做了总结（黑体部分），不想看长篇废话可直接看总结，你肯定会问，为啥不直接上结论呢？因为我还是想多讲些关于某一部分的内容（其实很明显是为了装逼嘛！呵呵呵～）。

---

最近不少产品问我关于H5的内容，比如什么是H5啊、H5应用在哪些地方啊等等。这不最近又和一产品小伙伴讨论了下H5是什么，webapp是什么，它们之间有什么区别？其实懂技术都应该知道，它们之间的区别很明显：H5就是新一代的html，是一种标记语言；webapp，从名字就可以看出来，是web版的app。其实两者区别简单地说就像砖头和房子。砖头（H5）可以盖房子（webapp），但并不是所有的房子都用砖头来盖（不知道现在还有木有土方和草房）。

也许是沟通不畅（其实应该是怪本人语言表达有问题，本人是语文渣，高考语文99分，所以以下表达上有什么问题还望大家海涵），总感觉有什么没有说清楚，导致产品小伙伴到睡觉可能也没明白区别是啥，所以我打算睡前写篇文章说明下。

我也不知道能不能说清楚，呵呵呵

---

首先说说什么是H5

H5其实就是html5（虽然好多人很鄙视将html5缩写为H5，不过为了方便，我也按H5来表述吧）。学过网页的人应该都知道html是超文本标记语言（忘了说了，本人不光是个语文渣，英语也是渣的一流，所以不知道英文全称的请自行百度），而html5按照百度百科的解释是“万维网的核心语言、标准通用标记语言下的一个应用超文本标记语言（html）的第五次重大修改”，其实也就是html的最新版本。H5新增了不少语义话标签和很多牛逼的api。这些新增的api使得web应用更加接近于原生应用，当然复杂的交互还是用native去做比较好，毕竟过多的操作dom会很大程度地影响性能（产品可以忽略这句，不要对这句话提问啦）。

好像有点跑偏～

好吧，上面一大堆其实就一句话：H5其实就是html5，超文本标记语言的第五次重大修改。

---

下面说说什么是web app。

当然我又打开了百度百科，百度也是有解释的，百度的解释是“WebApp是指基于Web的系统和应用，其作用是向广大的最终用户发布一组复杂的内容和功能。”webapp简单说就是利用web技术，模仿的原生app的应用。

Web应用是指与桌面应用相似的web应用（Word、excel等等），简而言之，Web应用就是不直接在计算机上打开，而是通过Web浏览器来运行。

当然webapp也就是web版的app应用，即与app应用相似的web app，只不过它是运行在手机浏览器中的应用。

总结：webapp就是在手机浏览器里运行的、类似于app界面和交互的web应用。

---

说了这么多，那它俩有啥区别呢。

你要不说清楚我非打死你

我给同学最后的总结是：H5是一种技术，WebApp是由众多技术实现的应用（webapp当然是web应用啦～）。

---

未完待续，错误和语言表达上还需要修改，如有问题可以提出来，我保证一定改。