前端开发工程师 - HTML5.pptx

HTML5进阶HTML5进阶–HTML5新特性Day11.HTML5概述HTML5时间表2.HTML5的新特性2.HTML5的新特性–语义2.HTML5的新特性–多媒体2.HTML5的新特性–三维、图形与特效2.HTML5的新特性–离线存储2.HTML5的新特性–离线存储2.HTML5的新特性–设备通用性2.HTML5的新特性–位置3.HTML5的未来HTML5表单Day11.新增input输入类型浏览器支持Email-输入邮件地址的文本框url-输入URL地址的文本框number-输入数字的文本框number-输入数字的文本框range-通过滑动条改变一定范围内的数字range-通过滑动条改变一定范围内的数字date-选择日期(年、月、日、星期)的文本框date-选择日期(年、月、日、星期)的文本框date-选择日期(年、月、日、星期)的文本框date-选择日期(年、月、日、星期)的文本框date-选择日期(年、月、日、星期)的文本框date-选择日期(年、月、日、星期)的文本框date-选择日期(年、月、日、星期)的文本框search-输入搜索关键字操作的文本框search-输入搜索关键字操作的文本框Color-颜色选择器2.新增input属性autocompleteautoconmpleteautofocusrequiredplaceholder3.新增form元素datalistdatalistkeygenoutput4.新增form属性autocompleteautocompletenovalidate课后作业HTML5画布Day2&Day31.认识HTML5Canvas元素创建canvas元素操作canvas元素操作canvas元素理解坐标系统2.绘制简单图形矩形线条线条圆形和弧形圆形和弧形圆形和弧形3.绘制贝塞尔曲线二次贝塞尔曲线二次贝塞尔曲线三次贝塞尔曲线三次贝塞尔曲线4.图形变形平移-translate平移-translate缩放-scale缩放-scale旋转-rotate旋转-rotate课后作业5.图形组合/剪切图形组合图形组合图形剪切6.颜色样式选项色彩Colors色彩Colors透明度Transparency透明度Transparency线型LinestyleslineCaplineJoinlineWidth渐变Gradients线性渐变线性渐变径向渐变径向渐变7.绘制文字绘制空心文字绘制空心文字绘制实心文字绘制实心文字7.操作与使用图像绘图绘图图像平铺图像平铺图像裁剪像素处理像素处理–获取像素颜色数组像素处理–设置像素颜色像素处理HTML5音频与视频Day21.浏览器支持概况音频的浏览器支持概况视频的浏览器支持概况2.HTML5音频2.HTML5音频3.HTML5视频3.HTML5视频Html5客户端存储Day41.综述1.综述2.Web存储（WebStorage）localStoragelocalStoragesessionStoragesessionStorage3.WebSQLDatabase4.离线存储（OfflineStorage）离线存储的实现方式CacheManifest基础Manifest文件CACHEMANIFESTNETWORKFALLBACK更新缓存实例关于应用程序缓存的注释Geolocation地理位置1.位置信息概述地理位置获取流程HTML5地理地位的实现2.使用GeolocationAPI定位用户的位置定位用户的位置处理错误和拒绝处理错误和拒绝地理位置选项对象一个完整的例子在地图中显示结果Geolocation对象-其他有趣的方法