HTML5作为web开发语言的中级课程，总共分为9个微课程。我们将HTML5的新特性分为了9个模块来进行讲解，首先简单介绍HTML5中新加入的特性和对比以前的HTML有什么变化，然后着重对HTML5中新加入的DOM选择、form、Media、Canvas、Drag&Drop、File API、地理位置API以及离线应用等几大模块功能的介绍。通过细化模块来对HTML5新特性来进行讲解，相信您能很快就掌握HTM5新功能。同时也能将其轻松的运用到项目中。怎么样？心动不如行动，如果你想学习HTML5新特性，那就赶紧加入秒秒学吧！
- 目录
- 快速入门
- HTML5快速入门
-
- 01章：HTML5介绍
- 01 什么是HTML5 | 02 HTML5新特性 | 03 HTML5新旧标签对比 | 04 HTML5特性检测
-
- 02章：DOM选择
- 01 DOM选择基础 | 02 选择API的特点
-
- 03章：HTML5表单
- 01 input元素新特性介绍 | 02 input元素新特性代码解析 | 03 不同浏览器对input元素的type属性的兼容性 | 04 CSS伪类 | 05 自定义验证消息 | 06 HTML5表单内置验证规则 | 07 实现自定义验证消息 | 08 自定义验证规则 | 09 Bootstrap框架-验证模块
-
- 04章：HTML5 Media
- 01 HTML5 Media元素介绍 | 02 基本控件设置 | 03 页面无法加载Media元素原因分析 | 04 自定义视频控件之一 | 05 自定义视频控件之二 | 06 动态加载视频
-
- 05章：HTML5 Canvas
- 01 Canvas基础介绍 | 02 基本形状 | 03 弧形渐变文本 | 04 缩放和旋转 | 05 平移、保存和恢复 | 06 动画 | 07 裁剪介绍 | 08 矩形裁剪 | 09 重置裁剪区域 | 10 不连续裁剪 | 11 放大镜效果的图像绘制 | 12 绘制图表 | 13 从播放的视频中提取缩略图
-
- 06章：HTML5 Drag and Drop
- 01 DragDrop事件简介 | 02 浏览器支持度 | 03 Drag&Drop基础 | 04 使用选择器 | 05 触发事件规律分析 | 06 给被拖源和目标容器添加样式 | 07 利用Drag&Drop实现可排序列表 | 08 Drag&Drop数据传输类型 | 09 获取Files数据传输类型对象信息 | 10 设置和执行Drag&Drop效果 | 11 自定义拖动光标图像 | 12 Drag&Drop模块实例解析
-
- 07章：HTML5 File API
- 01 环境搭建 | 02 File API 介绍 | 03 File类型的input表单的使用 | 04 获取文件信息 | 05 多文件操作 | 06 使用drag&drop API处理文件 | 07 读取数据的方式介绍 | 08 以文本数据的方式读取文件 | 09 以dataUrl的方式读取文件 | 10 File API 事件处理 | 11 读取文件片段 | 12 技能挑战
-
- 08章：HTML5 Geolocation API
- 01 Geolocation API介绍 | 02 获取当前地理位置坐标 | 03 处理错误 | 04 实时获取地理位置信息 | 05 技能挑战
-
- 09章：HTML5本地存储和离线应用素材
- 01 欢迎 | 02 使用练习文件 | 03 概览 | 04 理解架构 | 05 理解Web Storage的Storage接口 | 06 使用local Storage长期存储数据 | 07 session Storage存储数据 | 08 理解Web SQL API | 09 创建web SQL数据库 | 10 在web SQL数据库中插入和读取数据 | 11 在web SQL数据库中更新数据 | 12 在web SQL数据库中删除数据 | 13 理解IndexedDB API | 14 创建IndexedDB数据库 | 15 IndexedDB数据库中添加和读取数据 | 16 IndexedDB数据库中更新数据 | 17 IndexedDB数据库中删除数据 | 18 理解storage事件 | 19 离线网页程序
