HTML5开发手册_前端开发教程

资源名称：HTML5开发手册

内容简介：

HTML5作为当今最炙手可热的Web开发技术，凭借其强大的功能特性和跨平台等优势，吸引了业内开发人员的重点关注，掌握HTML5技术也成为Web开发人员的一项必备技能。

　　《HTML5开发手册》采用菜谱的方式为HTML5新手以及有一定经验的用户提供了一些专家级的建议和经过测试的代码示例，可以帮助其顺利创建高质量的HTML5应用。《HTML5开发手册》总共分为15章，先后讲解了HTML5中新增的元素、浏览器对HTML5的支持、CSS3中的新布局和样式、HTML5Web表单、多媒体技术、地理定位API、客户端存储、WebSocket API，以及集成设备数据等内容。

　　《HTML5开发手册》内容组织合理，示例丰富，适合对HTML5以及移动应用开发感兴趣的新手阅读。对于有一定经验的Web开发人员，《HTML5开发手册》也极具参考价值。

资源目录：

第1章　HTML5中新的结构元素　

1.1　初学者“菜谱”：建立HTML5初始文件　

1.1.1　doctype　

1.1.2　字符编码　

1.1.3　Javaｓｃｒｉｐｔ和CSS链接　

1.1.4　语法编写风格　

1.2　这些新元素从何而来　

1.3　初学者“菜谱”：使用header元素建立网站标头　

1.4　初学者“菜谱”：使用hgroup元素组合标题　

1.5　初学者“菜谱”：使用nav元素创建导航　

1.6　中级“菜谱”：使用新article元素　

1.7　中级“菜谱”：使用section元素对内容分组　

1.8　初学者“菜谱”：使用aside标记创建侧边栏　

1.9　初学者“菜谱”：使用footer元素　

1.10　中级“菜谱”：使用HTML5大纲工具验证结构　

1.11　高级“菜谱”：使用所有新标记建立新闻页面　

1.12　高级“菜谱”：使用所有新元素来建立搜索结果页面　

1.13　小结　

第2章　组合、文本级和重新定义的语义　

2.1　初学者“菜谱”：使用figure和figcaption元素插入图片和图注　

2.2　初学者“菜谱”：使用time元素插入日期和时间　

2.3　初学者“菜谱”：使用details元素创建可伸缩控件　

2.4　初学者“菜谱”：使用address元素提供通信信息　

2.5　初学者“菜谱”：使用mark元素高亮文本　

2.6　初学者“菜谱”：使用s元素显示不准确或不相关的内容　

2.7　现存元素的变化　

2.7.1　cite元素　

2.7.2　ol元素　

2.7.3　dl元素　

2.7.4　small元素　

2.7.5　b和strong元素　

2.7.6　i和em元素　

2.7.7　abbr元素　

2.7.8　hr元素　

2.7.9　不复存在的元素　

2.8　初学者“菜谱”：为多个元素添加相同的超链接　

2.9　中级“菜谱”：利用Microdata添加语义信息　

2.10　中级“菜谱”：在HTML5中使用WAI-ARIA　

2.11　高级“菜谱”：编写带有评论的文章页面　

2.12　小结　

第3章　应对浏览器的HTML5支持　

3.1　初学者“菜谱”：IE支持问题　

3.1.1　利用Javaｓｃｒｉｐｔ解决HTML5兼容问题　

3.1.2　使CSS兼容　

3.2　模板　

3.3　初学者“菜谱”：HTML5特性检查　

3.4　中级“菜谱”：使用jQuery替代Calendar标记　

3.5　中级“菜谱”：利用Modernizr检查特性　

3.6　Polyfilling　

3.7　HTML5验证网站　

3.8　小结　

第4章　CSS3新布局和样式技巧　

4.1　中级“菜谱”：使用CSS3媒介查询(Media Query)建立响应式设计　

4.1.1　合理使用　

4.1.2　目标设备为iPhone和Android手机　

4.2　初学者“菜谱”：使用@font-face进行自定义字体　

4.2.1　文件格式和跨浏览器问题　

4.2.2　字体服务　

4.3　中级“菜谱”：使用CSS渐变和复合背景创建按钮　

4.4　中级“菜谱”：使用变换和过渡以美化网站　

4.5　高级“菜谱”：利用CSS创建动画　

4.6　小结　

第5章　HTML5 Web表单　

5.1　验证　

5.2　HTML 4输入类型　

5.3　初学者“菜谱”：建立联系人表单　

5.3.1　input type="email"　

5.3.2　input type="tel"　

5.3.3　input type="url"　

5.4　初学者“菜谱”：利用input type= "search"建立搜索表单　

5.5　初学者“菜谱”：建立日历和时间控件　

5.5.1　input type="datetime"　

5.5.2　input type="datetime-local"　

5.5.3　input type="date"　

5.5.4　input type="time"　

5.5.5　input type="month"　

5.5.6　input type="week"　

5.5.7　限定日期和时间　

5.6　初学者“菜谱”：创建数字选择器　

5.7　初学者“菜谱”：创建滑块(无需Javaｓｃｒｉｐｔ)　

5.8　初学者“菜谱”：创建颜色选择器　

5.9　初学者“菜谱”：使用output元素显示结果　

5.10　初学者“菜谱”：使用占位文字(placeholder)　

5.11　初学者“菜谱”：利用list和datalist完成自动补全功能　

5.12　初学者“菜谱”：使用progress元素跟踪任务完成程度　

5.13　初学者“菜谱”：使用meter元素进行计量　

5.14　初学者“菜谱”：页面载入时跳转到某个form元素　

5.15　初学者“菜谱”：允许多个条目　

5.16　初学者“菜谱”：利用required属性进行基本验证　

5.17　中级“菜谱”：编写自定义验证规则　

5.18　初学者“菜谱”：限制用户输入　

5.18.1　step　

5.18.2　min，max　

5.18.3　formnovalidate，novalidate　

5.19　中级“菜谱”：自定义表单样式　

5.20　错误消息　

5.21　高级“菜谱”：综合应用以创建注册表单　

5.22　小结　

第6章　Canvas绘图　

6.1　Canvas介绍　

6.1.1　初始工作　

6.1.2　X和Y坐标　

6.2　初学者“菜谱”：在Canvas上绘制网格　

6.3　初学者“菜谱”：绘制简单的图形和线段　

6.3.1　绘制长方形或正方形并设置样式　

6.3.2　为图形添加渐变填充　

6.3.3　绘制线段或路径　

6.4　中级“菜谱”：使用路径绘制多边形　

6.5　中级“菜谱”：绘制弧形和圆形　

6.6　初学者“菜谱”：添加文字　

6.7　初学者“菜谱”：绘制图片　

6.8　中级“菜谱”：裁剪图片　

6.9　中级“菜谱”：子图动画　

6.10　高级“菜谱”：为图片添加动画　

6.11　高级“菜谱”：柱形图表动画　

6.12　小结　

第7章　HTML5嵌入视频　

7.1　初学者“菜谱”：使用video元素插入视频　

7.1.1　浏览器和设备支持　

7.1.2　HTML5和视频编码　

7.1.3　为何我们需要了解编码　

7.2　中级“菜谱”：在所有浏览器中使用视频　

7.2.1　为过时浏览器添加回滚内容　

7.2.2　新的视频属性　

7.3　中级“菜谱”：为视频创建字幕　

7.4　媒体API　

7.5　高级“菜谱”：创建自定义控件　

7.6　小结　

第8章　HTML5嵌入音频　

8.1　初学者“菜谱”：利用audio元素嵌入音频　

8.2　中级“菜谱”：在所有浏览器中使用音频　

8.3　新的音频属性　

8.3.1　src属性　

8.3.2　preload属性　

8.3.3　loop属性　

8.3.4　autoplay属性　

8.3.5　controls属性　

8.4　媒体API　

8.5　中级“菜谱”：创建混音器　

8.6　高级“菜谱”：添加流媒体广播　

8.7　小结　

第9章　修改浏览器历史记录　

9.1　历史记录(History)基础　

9.2　初学者“菜谱”：使用pushState添加历史记录　

9.3　初学者“菜谱”：创建图片查看器　

9.4　中级“菜谱”：在图片查看器中弹出状态　

9.5　初学者“菜谱”：使用replaceState修改历史记录　

9.6　中级“菜谱”：修改页面历史记录　

9.7　高级“菜谱”：使用高级状态数据在页面间传递信息　

9.8　中级“菜谱”：测试历史记录安全性　

9.9　实用库　

9.10　小结　

第10章　Geolocation API位置感知　

10.1　Geolocation简介　

10.1.1　浏览器兼容性　

10.1.2　获取位置：getCurrentPosition　

10.2　初学者“菜谱”：简单使用getCurrent-Position获取当前位置　

10.3　中级“菜谱”：使用getCurrentPosition映射位置　

10.4　中级“菜谱”：使用PositionOptions确定距离　

10.5　高级“菜谱”：使用watchPosition跟随移动中的位置　

10.6　小结　

第11章　客户端存储　

11.1　客户端存储概要　

11.1.1　数据安全　

11.1.2　键与值：sessionStorage和localStorage　

11.2　初学者“菜谱”：获取和写入会话存储　

11.3　初学者“菜谱”：使用会话存储记录样式　

11.4　中级“菜谱”：使用本地存储保存表单　

11.5　高级“菜谱”：捕获本地存储事件　

11.6　Web SQL Database API　

11.7　高级“菜谱”：使用Web数据库创建货物列表　

11.8　小结　

第12章　通信与线程　

12.1　WebSocket API简介　

12.2　初学者“菜谱”：通过Web Sockets交流　

12.3　通过Web Workers创建线程　

12.4　初学者“菜谱”：创建Web Worker　

12.5　中级“菜谱”：添加双向通信　

12.6　高级“菜谱”：利用共享Web Worker　

12.7　小结　

第13章　HTML5中的浏览器体验　

13.1　拖放API　

13.2　初学者“菜谱”：div间拖放　

13.3　高级“菜谱”：利用事件和dataTransfer　

13.4　应用程序缓存和API　

13.4.1　浏览器缓存安全　

13.4.2　引用清单(Manifest)文件　

13.5　初学者“菜谱”：创建清单文件　

13.5.1　CACHE　

13.5.2　FALLBACK　

13.5.3　NETWORK　

13.5.4　更新缓存　

13.6　初学者“菜谱”：离线使用页面　

13.7　应用缓存API　

13.8　通知(Notification)API　

13.8.1　通知权限　

13.8.2　浏览器兼容性　

13.9　初学者“菜谱”：显示简单的通知　

13.10　高级“菜谱”：创建Tweet通知页面　

13.11　小结　

第14章　使用本地文件　

14.1　File API介绍　

14.2　初学者“菜谱”：获取文件属性　

14.3　初学者“菜谱”：拖放、处理多个文件　

14.4　FileReader接口　

14.5　中级“菜谱”：使用readAsDataURL预览图片　

14.6　高级“菜谱”：使用readAsText解析CSV文件　

14.7　File API扩展规范　

14.8　高级“菜谱”：创建本地文件　

14.9　小结　

第15章　整合设备数据　

15.1　设备API简史　

15.2　通讯录API　

15.3　初学者“菜谱”：获取所有联系人和手机号码　

15.4　Messaging API　

15.5　Network Information API　

15.6　电池状态事件　

15.7　HTML Media Capture　

15.8　中级“菜谱”：使用File Input捕获图片　

15.9　设备方向和移动事件　

15.10　中级“菜谱”：创建水准仪　

15.11　小结

资源截图：