关于html5实践的信息

html和html5有什么区别？

html5狭义的说就是在HTML标签上加了几个新的标签。但是广义一点。HTML5是一种富应用的实践，是html js 以及很多新技术的综合引用，比如api，比如地理定位，比如canvas，等等。html5对用户体验，富媒体等方面做了很多优化的工作。如果想学好html5请先把js学好。其次css3与html5的配合能做成很多交互非常好的效果。所以两者经常被相提并论。

相关问答

Q1: 《HTML5应用开发实践指南》epub下载在线阅读全文，求百度网盘云资源

《HTML5应用开发实践指南》（Zachary Kessin）电子书网盘下载免费在线阅读

链接：

提取码：BTPT  

书名：HTML5应用开发实践指南

豆瓣评分：6.1

作者: Zachary Kessin

出版社: 机械工业出版社

译者: 陈升想 / 汪奋进

出版年: 2013-4

页数: 114

内容简介  

如何利用**的HTML 5技术和技术创建可以运行在所有移动设备和桌面应用中的完美应用程序?这本实用指南将提供完美的解决方案!通过学习本书，读者不仅可以系统掌握**的HTML 5技术标准和细节，而且可以掌握JayaScript的一些高级技巧和开发工具的使用方法，开发出跨平台的应用。本书包含大量示例代码，详细展示了如何通过HTML 5把Web变成一流的开发环境。

《HTML 5应用开发实践指南》

作者简介  

Zachary Kessin从1994年开始从事交互式Web应用程序开发。在过去几年中，Zachary主要致力于使用开发基于浏览器的大型应用程序、基于浏览器的Selenium测试、函数式编程以及代码生成。本书封面上的动物是一种欧洲海燕，也叫风暴海燕。“海燕”（petrel）这个名称来源于圣徒彼得，因为这种鸟看起来能在水上行走（实际上，它们只是在觅食的时候会不停地在水表面蹦蹦跳跳）。它们经常成群结队出现在大西洋和地中海，跟在船只后面吃船员丢弃的食物，如果天气恶劣的话还可能搭乘顺风船。风暴海燕是欧洲最小的鸟类，体长只有15~16厘米，翼展38~42厘米。它们的羽毛大体为黑色，只在尾部和翅膀的背面点缀了少许白色。它们的鸟喙薄且呈钩状，喙上的管状鼻孔用于排除喝海水之后多余的盐。它们的脚有蹼，可以游泳，但它们不经常为食物去潜水，它们更喜欢掠过水面来觅食。海燕主要食用小型鱼类、鱿鱼、浮游生物和甲壳类动物，也吃一些渔船或其他航运交通运输过程中丢弃的动物内脏。风暴海燕的大部分生活都在海上，只在繁殖季节才回到大陆。这些鸟类在北大西洋和地中海西部陡峭的岩石海岸和岛屿上筑巢。这段时间它们为了避免被较大的海鸟（如海鸥和贼鸥）捕食，都只选择在夜间出行。它们一个季节只生一枚蛋。到了冬季，它们飞越海洋一路向西迁徙到非洲南部。许多18世纪和19世纪的水手们称风暴海燕为“凯莉妈妈的信使”（Mother Carey’s chickens），并且相信这些鸟类是死去海员的灵魂来警告他们有风暴即将到来。“凯利妈妈”是一个传说中超自然的神灵，住在北方的一座冰山上，负责海上风暴。  

Q2: HTML5开发需要学习哪些内容

首先不建议自学，慢，有问题不知道如何解决，很快就会失去耐心和信心

其次软件开发是有很多分类的，如果你偏重应用软件，不需要从最基础的东西学起。比如什么编译原理、计算机原理等等都不用学

再次软件开发属于多学科整合，需要相关知识。比如做游戏开发起码要会打游戏，知道一般应该怎么操作才好开发。比如做财务软件，应该有基本的财务知识，不然只做个收入减支出，不能真正实用。

最后搞软件开发是有捷径的。先看下书，对照开发工具有个最基本概念。然后找本有实例的书，边学边练，第三步从网上找别人编好的源代码，分析学习，加深概念。很快就能初步掌握开发技巧，然后边实践边学习，就改变了枯燥的背语法、背函数的学习方式。

Q3: 如何深入学习Html5？

随着移动互联网的发展，web前端逐渐受到企业的重视，前端开发人员的薪资也水涨船高，越来越多的人看好前端行业的发展，想要转行加入。下面，给大家分享一份web前端学习路线图，希望对初学者有所帮助。Web前端行业的发展，让前端人员能完成比以前更多的职责范围，所以未来前端可以宽口径就业，前景非常好。

对于零基础的人而言，要怎么学习web前端呢?

1、 前端页面重构。主要内容为PC端网站布局、Photoshop 工具及切图、H5移动端网页布局、HTML5+CSS3新特性与交互。学习目标是完成PC端网站布局，可实现响应式布局，一套代码适配 PC 端、移动端、平板设备等。

2、 前后端网页交互。主要内容为JavaScript语法全面进阶、ES6 到 ES10 新语法实践、jQuery 应用及插件使用、设计模式及插件编写、封装JS工具库及Web APIS、AJAX+PHP+MySQL前后端交互、前端工程化与模块化应用以及PC 端全栈开发项目等。学习目标是可以掌握前端工程化工具，如 git、gulp、webpack 等，搭建项目及开发项目。

3、 Node.js + 前端框架。主要内容为Node.js 全面进阶、Koa2+MongoDB搭建服务、Vue.js 框架、React.js 框架、小程序云开发与小程序框架、原生APP与混合APP、数据可视化与桌面应用等。学习目标是掌握桌面应用及可视化大数据，实现复杂数据展示类项目，能够独立完成前后台相关功能，胜任HTML5全栈开发工程师职位。很多学习web前端的朋友都希望在学成后能找到一份满意的工作，所以我们在学习过程中一定要注意实战经验的积累，如果你所学的东西对企业没有用，那你所做的一切都是无用功

Q4: 你对html5有什么看法？

很好啊！

只是如果用于网页开发的话，他的新特性还无法完全体现

因为，html5的很多新特性都要新版浏览器支持，现在新浏览器（比如：ie9、ie10）的普及还是给问题，对于用户来说，没几个人为你适用html5的新特性而专门更换浏览器的（因为用户，要不就是习惯问题，再说，用户是没几个懂什么html的）

Q5: HTML5和原生APP优缺点大对比，世界究竟是谁的

随着HTML5和Node.js的流行,Javascript这门在互联网初期就已诞生的语言正迸发出勃勃生机，Javascript将前端和后端开发统一起来，“一切皆为JS”看起来只是时间的问题。唯一的障碍是在移动端，因为无论是Android还是iOS平台，当前仍是原生应用大行其道。HTML5曾经被寄予厚望过，但是以Facebook为代表的一批公司在移动端对HTML5技术进行实践的心酸血泪史表明，HTML5可以是原生应用开发的一种有效补充，但远不足以替代原生。但是现在，随着iMAG.js的渐渐流行，这种状况正在发生改变。

iMAG.js是国内的爱码哥移动平台推出的Javscript移动跨平台开发框架，它的特点简单高效，同时又功能强大，可以用Javascript来替代原生开发。iMAG.js的原理和在服务器端运行的Node.js有些相似，都是封装了Javascript引擎，用Javascript去调用底层的API接口。不同的是因为移动应用的控件主要是UI模块、用户交互界面开发，iMAG.js为此引入了XML模板技术，XML和Javascript结合，这样很适合手机界面的展示。

H5开发的web APP和原生APP的区别有以下几个方面：

一、开发方面

原生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，目前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很难被用户发现

附：原生App 与 移动Web App:您如何选择？

所以在你准备做移动App时，你应该先问问自己以下几个问题：

1. 你的应用是否需要使用某些设备的特殊功能，比如摄像头，摄像头闪光灯或者重力加速器

2. 你的开发预算是多少？

3. 你的应用是否一定需要网络

4. 你的应用的目标硬件设备是所有的移动设备还是仅仅只是一部分而已

5. 你自己已经熟悉的开发语言

6. 这个应用对于性能要求是否苛刻

7. 如何靠这个应用赢利