当前位置:秒秒学 – 编程 – Web前端开发 – HTML5新特性
HTML5新特性
  • 3320
  • 25

HTML5新特性

教程相关信息
作者 郑晶 刘芳 徐汨 张卉 佘祝 应用 web开发语言 专题 HTML5 难度 中级
教程简介内容折叠
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 离线网页程序
相关教程推荐
创建列表

  1923     3  

创建列表


格式化页面内容

  2400     5  

格式化页面内容


HTML5 Canvas

  2370     5  

HTML5 Canvas


HTML基本介绍

  8886     50  

HTML基本介绍