html5零基础入门教程

1、离线存储

HTML 5可以让你的WEB应用程序离线也能运行，它提供了一个称作“应用程序缓存”的离线存储功能，因此即使当用户离线，浏览器仍然能够访问到它所需的文件。这些文件可以是HM, CSS，Javascript或者其它任何网页运行所需要的文件。

2、拖拽功能

HTML 5提供了可以用来设计交互应用程序的本地拖拽功能，通过这个特性你可以拖动任何元素然后把它放到你想放到地方。

3、地理位置定位技术

HTML 5的地理位置定位API可以让你与所信任的网站分享你当前的位置信息，当然，隐私问题是这特性所主要考虑的，W3. org声明：浏览器在没有用户许可的情况下不允许私自向网站发送用户的地理位置信息。

比如一位用户使用Firefox浏览器访问了一个实现地理位置定位技术的网页，浏览器会向用户询问是否共享他的地理位置信息，如果用户同意，Firefox会收集附近无线接入点和访问者IP地址信息，并把这些信息发送到默认设定的Google地理位置服务，处理之后的位置信息将会发送给用户访问的这个网站。

4、音频和视频

当前的HML缺少在页面中嵌入多媒体文件的特性，因此多媒体文件的嵌入需要使用各种的插件。比如FLASH被广泛地用来嵌入音频和视频文件。现在可以非常方便地使用HTML5提供的audio和video标签，而不用任何插件。

5、表单输入

HTML5提供了几个新的表单input类型，像d出日历，调色板，数字输入框等等。这些可以创建拥有更好的输入控制和验证的高效表单。

一般会有CSS、js、web服务器的应用等课程，一般HTML5设计的知识点比较广，详细的知识点课程一般会有：

一、web页面制作基础

认识web前端和Html

掌握HTML应用

掌握CSS在开发中的使用

页面标准化布局

二、UI网站设计

UI软件基础

Axure原型图设计

UI页面设计

网页界面UI设计的配色

WEB界面设计

多风格类型的WEB界面设

三、编程基础技术

掌握js基本语法与流程控制相关 *** 作

使用 JS 结合 HTML 实现代表性的 JS 特效制作

独立完成网页中常见特效的编写

第三方特效插件的使用

四、后端开发技术

web服务器

掌握http协议

了解web服务器和APP的关系

NodeJS

使用NodeJS搭建web服务器

使用NodeJS搭建socket服务器

express框架快速构建web应用程序

MongoDB

MongoDB 基本使用

PHP语法

PHP常用 *** 作

数据库的基本 *** 作

PHP 从数据库获取动态数据

PHPCMS二次开发

PHPCMS模板开发

五、移动互联网应用

Html5的应用

Html5初级实战静态网页综合开发

Html5相关知识扩展

CSS3应用

LESS用法

SASS使用

响应式页面布局

微网站的制作

Cordova

移动应用的流行框架

移动WEB开发

六、特效开发高级实战

AJAX详解

jQuery框架详解

jQuery Mobile

Bootstrap

AngularJS

七、企业级应用开发

Html5地理位置应用

Html5离线应用

Html5 webworker多线程实现

Html5 websocket(通信协议)

跨平台开发技术

webAPP开发技术

webAPP的设计模式

Ionic

---