写给Web开发人员看的HTML5教程目录

时间：2023-06-20 02:24:01 | 来源：营销百科

时间：2023-06-20 02:24:01 来源：营销百科

写给Web开发人员看的HTML5教程目录：　第1章　Web标准概述　1

n1.1　HTML5诞生始末　1

n1.2　重大历史事件回顾　6

n1.3　拣重要的说　8

n1.3.1　有什么新特色？　8

n1.3.2　去掉了什么？　11

n1.3.3　XHTML呢？　14

n1.4　现在我可以开始使用HTML5了吗？　15

n小结　16

n第2章　文档结构和语义　17

n2.1　页眉的header和hgroup标签　18

n2.2　正文(article)内容　20

n2.3　由footer和nav组成的页脚　21

n2.4　由aside及section组成的工具栏　23

n2.5　大纲算法　24

n2.6　图形中的figure及figcaption　25

n2.7　文档级别语义--更多新的标签　26

n2.7.1　元素ruby、rt及rp　26

n2.7.2　time元素　27

n2.7.3　mark元素　28

n2.7.4　wbr元素　28

n2.7.5　略微改变的元素　29

n小结　30

n第3章　智能表单　31

n3.1　新的输入类型(input type)　31

n3.1.1　输入类型tel及search　32

n3.1.2　输入类型url及email　33

n3.1.3　用datetime，date，month，week，time以及datetime-local表示日期和时间　33

n3.1.4　输入类型number及range　34

n3.1.5　输入类型color　34

n3.1.6　新输入类型的实际应用　34

n3.2　有用的表单属性　36

n3.2.1　使用autofocus操作焦点　36

n3.2.2　为文本使用placeholder占位符　37

n3.2.3　使用required定义必填项　37

n3.2.4　input元素中的更多属性　37

n3.3　新的元素　39

n3.3.1　使用meter显示度量　40

n3.3.2　用progress显示任务进程　42

n3.3.3　datalist选项列表　43

n3.3.4　使用keygen处理密钥　44

n3.3.5　用output进行计算　46

n3.4　客户端表单验证　48

n3.4.1　invalid事件　50

n3.4.2　checkValidity函数　50

n3.4.3　使用setCustomValidity()进行错误处理　52

n3.4.4　有效性验证总结　53

n3.4.5　不做有效性验证也许更好？'formnovalidate'　53

n3.5　案例：一张维修表单　53

n小结　57

n第4章　视频与音频　59

n4.1　第一个案例　60

n4.2　video元素及其属性　60

n4.3　视频编解码器　62

n4.3.1　Ogg：Theora与Vorbis　63

n4.3.2　MPEG-4：H.264与AAC　64

n4.3.3　WebM：VP8与Vorbis　64

n4.4　视频转换工具　65

n4.4.1　FFmpeg　65

n4.4.2　VLC　66

n4.4.3　Firefogg　67

n4.4.4　Miro Video Converter　68

n4.5　各种浏览器支持些什么格式　70

n4.6　旧浏览器的过渡解决方案　70

n4.6.1　mwEmbed　70

n4.6.2　html5media　72

n4.7　视频与脚本--简单的视频播放器　73

n4.7.1　视频整合　74

n4.7.2　播放和暂停视频　75

n4.7.3　显示及设定播放位置　76

n4.7.4　快进和后退　77

n4.7.5　选择电影场景　79

n4.7.6　音量调节及静音　79

n4.7.8　HTMLMediaElement接口中其他的属性及方法　80

n4.7.9　媒体事件列表　83

n4.8　关于音频　84

n小结　89

n第5章　画布　91

n5.1　案例一　92

n5.2　矩形　94

n5.3　颜色及阴影　96

n5.4　渐变　97

n5.5　路径绘图　100

n5.5.1　线条　101

n5.5.2　Bézier曲线　102

n5.5.3　弧线　103

n5.5.4　矩形　107

n5.5.5　轮廓、填充及剪切遮罩　108

n5.6　文本　111

n5.6.1　字体　111

n5.6.2　水平锚点　113

n5.6.3　垂直锚点　114

n5.6.4　绘制及测量文本　115

n5.7　内嵌图像　116

n5.8　像素处理　120

n5.8.1　使用ImageData对象　120

n5.8.2　使用getImageData()、createImageData()及putImageData()进行颜色处理　123

n5.9　混合(Compositing)　127

n5.10　图案(Pattern)　130

n5.11　变换(Transformations)　133

n5.12　用canvas.toDataURL()进行Base64编码　140

n5.13　save()与restore()　141

n5.14　动画　142

n5.14.1　彩色球体动画　142

n5.14.2　用drawImage()播放视频　145

n5.15　还有遗漏吗？　148

n5.15.1　isPointInPath(x, y)　148

n5.15.2　Canvas的可访问性？　149

n5.15.3　安全方面　150

n5.15.4　浏览器支持　151

n5.15.5　更多链接　151

n小结　152

n第6章　SVG与MathML　153

n6.1　MathML　154

n6.2　SVG　156

n小结　157

n第7章　地理定位　159

n7.1　地理定位介绍　159

n7.1.1　地理数据　159

n7.1.2　在线地图服务　160

n7.2　初体验：在浏览器中使用地理定位　163

n7.3　定位的技术背景　166

n7.4　OpenStreetMap上显示当前位置　167

n7.5　使用GoogleMaps追踪位置　169

n7.6　案例：Geonotes　170

n7.6.1　操作　170

n7.6.2　重要的代码片断　171

n7.7　浏览器支持　175

n小结　175

n第8章　Web存储及离线Web应用程序　177

n8.1　存储　177

n8.1.1　Storage接口　178

n8.1.2　会话存储(sessionStorage)　179

n8.1.3　本地存储(localStorage)　180

n8.1.4　storage事件　181

n8.1.5　调试　181

n8.2　离线Web应用程序　183

n8.2.1　缓存清单文件　183

n8.2.2　离线状态及事件　184

n8.2.3　调试　187

n8.3　浏览器支持　189

n8.4　案例: Click to tick!　189

n8.4.1　用户界面　190

n8.4.2　管理界面　191

n8.4.3　重要代码片段　192

n8.4.4　扩展选项　197

n小结　198

n第9章　网页套接字　199

n9.1　WebSocket服务器　201

n9.2　案例：广播服务器　202

n9.2.1　广播客户端　202

n9.2.2　广播服务器　204

n9.3　案例：Battleships!(战列舰)　206

n小结　213

n第10章　多线程　215

n10.1　Web Worker介绍　215

n10.2　查找闰年　217

n10.3　配合Canvans计算海拔档案　219

n10.3.1　重要代码清单　220

n小结　224

n第11章　微数据　225

n11.1　微数据语法　226

n11.1.1　属性itemscope及itemprop　227

n11.1.2　itemtype属性　229

n11.1.3　itemid属性　231

n11.1.4　itemref属性　231

n11.2　微数据DOM API　232

n小结　233

n第12章　写在最后：一些全局属性　235

n12.1　class属性的变化　236

n12.2　用'data-*'定义自定义属性　236

n12.3　hidden属性　237

n12.4　classList接口　238

n12.5　通过draggable属性实现拖曳　240

n12.5.1　拖曳与FileAPI相结合　245

n12.6　属性contenteditable与spellcheck　248

n小结　250

n后记　251