您的位置：首页 > Web前端 > HTML5

关于HTML5

2015-06-04 14:41 549 查看

说明：所有内容并非纯原创，只是对HTML5感兴趣，作为知识面的扩充把我遇到的一些问题贴出来。

1）原生APP（Native APP）和WebAPP的区别：

原生App:
原生App是专门针对某一类移动设备而生的，它们都是被直接安装到设备里，而用户一般也是通过网络商店或者卖场来获取例如
The App Store
与 Android Apps on Google Play.

随便说几个原生App的例子，比如 iOS 的Camera+
以及 Android 的 KeePassDroid

移动Web App:
一般说来，移动Web App都是都是需要用到网络的，它们利用设备上的浏览器(比如iPhone的Safari)来运行，而且它们不需要在设备上下载后安装。

可以从以下几个方面比较：

开发方面

原生App

⊙ 每一种移动操作系统都需要独立的开发项目

⊙ 每种平台都需要独立的开发语言。Java(Android), Objective-C(iOS)以及Visual C++(Windows Mobile)等等

⊙ 需要使用各自的软件开发包，开发工具以及各自的控件

移动Web App

⊙ 因为运行在移动设备的浏览器上，所以只需要一个开发项目

⊙ 这种应用可以使用HTML5,CSS3以及JavaScript以及服务器端语言来完成（PHP,Ruby on Rails,Python）

⊙ 这里可没有标准的SDK，基本任意选择别忘了有一些跨平台的开发工具，比如PhoneGap, Sencha Touch 2，APPcan以及Appcelerator Titanium等等。

能力方面

原生App

⊙ 能够与移动硬件设备的底层功能，比如个人信息，摄像头以及重力加速器等等

移动Web App

⊙ 只能使用有限的移动硬件设备功能。

获取方法

原生App

⊙ 直接下载到设备

⊙ 以独立的应用程序运行(并不需要浏览器)

⊙ 用户必须手动去下载并安装这些原生App

⊙ 有一些商店与卖场来帮助用户寻找你的App

移动Web App

⊙ 从移动设备上的浏览器访问

⊙ 不需要安装额外的软件

⊙ 软件更新只需要服务器就够了

⊙ 因为现在没有什么商品或卖场提供这种App，所以如何搜索这些移动Web App相当不简单

版本控制

原生App

⊙ 用户可以自由地选择是否更新软件版本，所以会出现不同用户同时使用不同版本的情况

移动Web App

⊙ 所有的用户都是用同样的版本

优势

原生App

⊙ 比移动Web App运行快

⊙ 一些商店与卖场会帮助用户寻找原生App

⊙ 官方卖场的应用审核流程会保证让用户得到高质量以及安全的App

⊙ 官方会发布很多开发工具或者人工支持来帮助你的开发

移动Web App

⊙ 跨平台开发

⊙ 用户不需要去卖场来下载安装App

⊙ 任何时候都可以发布App，因为根本不需要官方卖场的审核

⊙ 如果你已经有了一个Web App，你可以使用 responsive web design来辅助改进(这也是优势？)

缺陷

原生App

⊙ 开发成本高，尤其是当需要多种移动设备来测试时

⊙ 因为是不同的开发语言，所以开发，维护成本也高

⊙ 因为用户使用的App版本不同，所以你维护起来很困难

⊙ 官方卖场审核流程复杂且慢，会严重影响你的发布进程

移动Web App

⊙ 无法使用很多移动硬件设备的独特功能

⊙ 要同时支持多种移动设备的浏览器让开发维护的成本也不低

⊙ 如果用户使用更多的新型浏览器，那问题就更不好处理了

⊙ 对于用户来说，这种App很难被用户发现

内容来源可以参考文章：
http://www.2ee9.com/news/news_show_36_237.html
2 HTML5的一些新特性：

这个链接有一个关于html5的重要性的介绍：
http://www.w3.org/2012/Talks/1120-owp-plh/#(30)
使用html5的十大原因：
http://tympanus.net/codrops/2011/11/24/top-10-reasons-to-use-html5-right-now/ http://www.williamlong.info/archives/3024.html
其中提到易用性，code的更简洁，对视频的支持，移动性，平台的兼容性
http://36kr.com/p/216655.html
3与HTML4的一些区别：

以下为大略的不同之处，与例子：

文件类型声明（

<!DOCTYPE>

）仅有一型：

<!DOCTYPE HTML>

。
新的解析顺序：不再基于SGML。
新的元素：

section

video

progress

nav

meter

time

aside

canvas

command

datalist

details

embed

figcaption

figure

footer

header

hgroup

keygen

mark

output

rp

rt

ruby

source

summary

wbr

。

input

元素的新类型：

date

email

url

等等。
新的属性：

ping

（用于

与

area

）,

charset

（用于

meta

）,

async

（用于

script

）。
全域属性：

id

tabindex

repeat

。
新的全域属性：

contenteditable

contextmenu

draggable

dropzone

hidden

spellcheck

。
移除元素：

acronym

applet

basefont

big

center

dir

font

frame

frameset

isindex

noframes

strike

tt

。

4 不同浏览器对HTML5的兼容和支持程度：

浏览器	正式版本	分数	其他版本	分数
Internet Explorer（32及64位）	11	376	10	335
Mozilla Firefox	34、33、32	475	31	477
Opera	24	504	-	-
Apple Safari	8.0	429	-	-
Google Chrome	39、38、37	512	-	-

5 目前应用比较多的领域：

游戏： http://www.uisdc.com/2014-friend-circle-html5-cases
其次是作为一种较好的营销手段在移动app方面

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航