HTML5实用教程

目录 第1章HTML5 1.1HTML5 1.1.1HTML5的发展历程 1.1.2浏览器支持 1.1.3兼容性考量 1.1.4HTML5新特性 1.2Web 1.2.1Web的诞生 1.2.2Web的特点 1.2.3Web的工作原理 1.2.4URL 1.3浏览器 1.3.1浏览器功能 1.3.2浏览器构成 1.3.3浏览器工作主流程 1.3.4主流浏览器 1.4HTML 1.4.1HTML文档基本结构 1.4.2HTML元素 1.4.3HTML属性 1.4.4HTML注释 1.5CSS 1.5.1CSS引用方法 1.5.2CSS语法 1.5.3盒模型 1.5.4CSS定位 1.5.5CSS3 1.6JavaScript 1.6.1JavaScript的历史 1.6.2JavaScript的特点 1.6.3JavaScript引用方法 1.6.4JavaScript语法 1.6.5JavaScript DOM 1.7代码编辑器 1.7.1Notepad 1.7.2Sublime Text 1.7.3Adobe Dreamweaver 1.8使用浏览器调试 1.8.1HTML元素 1.8.2CSS样式 1.8.3JavaScript 1.8.4网络 1.8.5屏幕展示效果 1.9Web服务器环境 1.10习题 第2章表单 2.1表单形式 2.2传统输入控件 2.3新的输入控件 2.4新表单元素 2.5新表单属性 2.6习题 第3章语义化标签 3.1HTML5之前的语义化标签 3.2语义化标签的作用 3.3HTML5新的语义化标签 3.3.1语义化块级元素 3.3.2details和summary 3.3.3figure和figcaption 3.3.4mark 3.4习题 第4章音频和视频 4.1音频 4.1.1audio标签 4.1.2音频格式兼容 4.1.3audio标签属性 4.1.4audio标签方法及应用 4.2视频 4.2.1video标签 4.2.2视频格式兼容 4.2.3video标签长宽设置 4.2.4video标签属性 4.2.5video标签方法及应用 4.2.6视频字幕 4.3习题 第5章地理定位 5.1浏览器如何获取地理信息 5.2获取访客经纬度信息 5.3错误处理 5.4地理定位选项 5.5地理定位追踪 5.6习题 第6章拖放 6.1拖动(Drag) 6.2放下(Drop) 6.3习题 第7章Canvas画布 7.1Canvas标签使用 7.2Canvas坐标系统 7.3线、路径与形状 7.3.1绘制线段 7.3.2绘制路径 7.3.3绘制形状 7.3.4绘制曲线 7.4绘制文本 7.5图像 7.5.1绘制图像 7.5.2图像缩放与裁剪 7.5.3像素处理 7.6阴影 7.7填充 7.7.1填充图案 7.7.2填充渐变 7.8组合图形 7.8.1透明度 7.8.2合成操作 7.8.3裁剪 7.9坐标变换 7.9.1平移 7.9.2旋转 7.9.3缩放 7.9.4变形 7.10画布当前状态的保存与恢复 7.11画布的保存 7.12习题 第8章Web Worker工作线程 8.1如果没有Web Worker 8.2Web Worker的创建和使用 8.3错误处理 8.4终止线程 8.5共享线程 8.6习题 第9章数据存储 9.1Web Storage 9.1.1添加和读取数据 9.1.2删除数据 9.1.3查找所有数据 9.1.4响应存储变化 9.1.5数据保存格式 9.1.6对象的保存 9.1.7Web Storage与Cookie比较 9.2本地数据库 9.2.1IndexedDB 9.2.2创建并连接数据库 9.2.3添加数据 9.2.4逐个查询所有数据 9.2.5删除单条数据 9.2.6查询单条数据 9.3习题 第10章文件 10.1通过input标签上传文件 10.2读取文件基本信息 10.3自定义input标签样式 10.4多文件选取 10.5读取文件内容 10.5.1读取文本内容 10.5.2读取图片内容 10.6习题 第11章通信 11.1HTTP协议 11.1.1协议特性 11.1.2通信过程 11.1.3HTTP报文结构 11.1.4浏览器查看HTTP报文 11.1.5HTTPS 11.2发送表单信息 11.2.1表单的提交 11.2.2POST与GET比较 11.2.3Post/Redirect/Get设计模式 11.3AJAX 11.3.1XML 11.3.2XMLHttpRequest对象 11.3.3AJAX轮询 11.4服务器发送事件 11.5WebSocket 11.5.1全双工通信 11.5.2通信过程 11.6Fetch 11.6.1发起fetch请求 11.6.2自定义请求参数 11.6.3发送数据 11.7习题 第12章Service Worker服务线程 12.1Service Worker 12.2Service Worker的前景 12.3Service Worker的生命周期 12.4本章实例代码 12.5Register注册 12.6Install安装 12.7Activate激活 12.8Fetch 12.9缓存策略 12.9.1缓存优先、其次网络 12.9.2网络优先、其次缓存 12.9.3仅用缓存 12.9.4仅用网络 12.9.5缓存与网络竞争 12.9.6缓存然后网络 12.10Promise对象简介 12.10.1回调函数与Promise 12.10.2Promise的状态 12.10.3Promise的使用 12.11Cache 12.11.1Caches与Cache 12.11.2创建Cache 12.11.3在Cache内添加 12.11.4在Cache内删除 12.11.5在Cache内匹配 12.11.6获取所有已创建Cache命名 12.11.7删除一个Cache 12.12习题 第13章HTML5实例 13.1网格系统 13.2绘制贪吃蛇和果实 13.2.1绘制果实 13.2.2绘制贪吃蛇 13.3游戏的动态过程 13.3.1贪吃蛇移动 13.3.2贪吃蛇转向 13.3.3贪吃蛇吃果实 13.3.4贪吃蛇吃自己游戏结束 13.4游戏音效 13.5游戏分数记录 13.5.1记录分数 13.5.2显示分数 13.5.3动态化实现排行榜 13.5.4完善游戏页面 13.6习题 参考文献