浅述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应用啦~)。

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

浅述html5和web app的更多相关文章
- html5文章 -- 使用 jQuery Mobile 与 HTML5 开发 Web App ——开发原则 | Kayo's Melody
最近专注研究 jQuery Mobile —— 一款很方便就可以把 Web App 包装成适合 Android 与 iPhone 等触屏移动设备的 Javascript 库,结合 jQuery Mob ...
- html5文章 -- 使用 jQuery Mobile 与 HTML5 开发 Web App —— jQuery Mobile 基础
这篇文章是使用 jQuery Mobile 与 HTML5 开发 Web App 系列的第二篇,在本文以及接下来的数篇文章 Kayo 将会介绍 jQuery Mobile 的组件.事件响应以及可以调用 ...
- [转]使用 jQuery Mobile 与 HTML5 开发 Web App —— jQuery Mobile 事件详解
在前文<使用 jQuery Mobile 与 HTML5 开发 Web App —— jQuery Mobile 默认配置与事件基础>中,Kayo 对 jQuery Mobile 事件的基 ...
- 使用 jQuery Mobile 与 HTML5 开发 Web App 系列文章目录
使用 jQuery Mobile 与 HTML5 开发 Web App 系列文章目录 时间:2012年9月20日 分类:JavaScript 标签:HTML5‚ jQuery Mobile‚ Web ...
- 浅淡HTML5移动Web开发
说实话,我们这次开发移动端的项目,整个项目组的人都是第一次,最初立项的时候为是选择native app和web app还争论了一番,最后综合考虑,我们选择了web(我们选择了h5)开发.但从这两种开发 ...
- 【扫盲】HTML5、Web APP、3G网站、Wap网站傻傻分不清楚
移动互联网指手机网站和app,其中app分为native app(原生app),web app(html5开发),Hybrid app(前两种app结合):手机网站分为wap网站和3g网 ...
- html5实现web app摇一摇换歌
微信可以摇歌曲,根据声音识别出歌曲,然后返回歌曲信息,利用html5的deviceOrientation特性和deviceMotion事件也可以在web app上实现类似于微信摇一摇的功能,原生的ap ...
- 使用 jQuery Mobile 与 HTML5 开发 Web App —— HTML5 离线缓存
本文要介绍的,是 HTML5 离线网络应用程序的特性,离线网络应用程序在 W3C 中的实际名称是 "Offline Web applications" ,也称离线缓存.当用户打开浏 ...
- html5手机web app <input type="file" > 只调用图库,禁止调用摄像头?
<input type="file" accept="image/*"><input type="file" accept ...
随机推荐
- Python学习第二天-编写购物车
需求:1.启动程序后,让用户输入工资,然后打印商品列表 2.允许用户根据商品编号购买商品 3.用户选择商品后,检测余额是否够,够就直接扣款,不够就提醒 ...
- Maven配置Spring+SpringMVC+MyBatis(3.2.2)Pom 以及 IntelliJ IDEA 怎样打开依赖视图
Maven配置Spring+SpringMVC+MyBatis(3.2.2)Pom 配置原则: 利用依赖,将所需的jar包加载到project中. 先依赖主要jar包 Spring + Spring ...
- POJ1502 MPI Maelstrom Dijkstra
题意 给出图,从点1出发,求到最后一个点的时间. 思路 单源最短路,没什么好说的.注意读入的时候的技巧. 代码 #include <cstdio> #include <cstring ...
- 创建一个Spring的HelloWorld程序
Spring IOC IOC指的是控制反转,把对象的创建.初始化.销毁等工作都交给Spring容器.由spring容器来控制对象的生命周期.下图能够说明我们传统创建类的方式和使用Spring之后的差别 ...
- System Databases in SQL Server
https://docs.microsoft.com/en-us/sql/relational-databases/databases/system-databases SQL Server incl ...
- grpc编译错误解决
berli@berli-VirtualBox:~/grpc$ make [MAKE] Generating cache.mk [C] Compiling src/core/lib/s ...
- [JZOJ3385] [NOIP2013模拟] 黑魔法师之门 解题报告(并查集)
Description 经过了16个工作日的紧张忙碌,未来的人类终于收集到了足够的能源.然而在与Violet星球的战争中,由于Z副官的愚蠢,地球的领袖applepi被邪恶的黑魔法师Vani囚禁在了Vi ...
- python-深拷贝-浅拷贝
python-深拷贝-浅拷贝 标签(空格分隔): 未分类 浅拷贝: 拷贝了引用,并没有拷贝内容 深拷贝: 深拷贝是对于一个对象所有层次的拷贝(递归)
- P1452 Beauty Contes
题目背景 此处省略1W字^ ^ 题目描述 贝茜在牛的选美比赛中赢得了冠军”牛世界小姐”.因此,贝西会参观N(2 < = N < = 50000)个农场来传播善意.世界将被表示成一个二维平面 ...
- rails 开发随手记 9
ruby 根据名称确定类Object.const_get 一个简单的应用,在header中的,个人信息链应该链接到对应的用户类型的页面上. <%= link_to "个人信息" ...