HTML 5与CSS 3权威指南（第3版 上册）

读书笔记模板HTML5与CSS3权威指南（第3版·上册）01思维导图读书笔记目录分析内容摘要精彩摘录作者介绍目录0305020406思维导图指南第版元素方法功能读者作用对象文件数据使用第章元素示例方法属性基础知识基本概念通信本书关键字分析思维导图内容摘要内容摘要本书对HTML5中新增的语法、标记方法、元素、API，以及这些元素与API到目前为止受到了哪些浏览器支持等进行详细介绍。在对它们进行介绍的同时将其与HTML4中的各种元素与功能进行对比，以帮助读者更好地理解为什么需要使用HTML5、使用HTML5有什么好处、HTML5中究竟增加了哪些目前HTML4不具备而在第三代Web平台上将会起到重要作用的功能与API，以及这些功能与API的详细使用方法。读书笔记读书笔记详细介绍了h5一些新特性介绍用法的同时也介绍了使用场景和demo总体感觉挺好的一部技术学习书。这种技术书看之前最好先看出版信息，看到好几个09,07的，竟然也要卖30,重点是有些东西都过时了，这个作者写的这一版目前是最新的，。从此，不敢再说自己熟练掌握HTML5[衰]HTML5新增的一系列特性好强大，就是兼容性太差，用起来战战兢兢的。覆盖了h5技术的方方面面，令人感受到h5标准的强大之处，如若假以时日，随着标准逐步推广到更多的设备之中，那将是浏览器的终极王朝。知识点也颇全面啊，这书完全可以替代W3C的中文文档，当然在实际开发过程中很少有人能把这么多的知识点给背下来，绝大多数都是用到的时候再去查文档的。精彩摘录精彩摘录❑不允许写结束标记的元素有：area、base、br、col、command、embed、hr、img、input、keygen、link、meta、param、source、track、wbr。❑可以省略结束标记的元素有：li、dt、dd、p、rt、rp、optgroup、option、colgroup、thead、tbody、tfoot、tr、td、th。❑可以省略全部标记的元素有：html、head、body、colgroup、tbody。figure元素表示一段独立的流内容，一般表示文档主体流内容中的一个独立单元。使用figcaption元素为figure元素组添加标题。在HTML5中，article元素可以看成是一种特殊种类的section元素，它比section元素更强调独立性。section元素强调分段或分块，而article强调独立性，具体来说，如果一块内容相对来说比较独立、完整的时候，应该使用article元素，但是如果想将一块内容分成几段的时候，应该使用section元素进行分段。aside元素表示article元素的内容之外的、与article元素的内容相关的辅助信息。footer元素表示整个页面或页面中一个内容区块的脚注。一般来说，它会包含创作者的姓名、创作日期以及创作者信息。main元素表示页中的主要内容。目录分析1.1迎接新的Web时代1.2HTML5深受欢迎的理由1.3可以放心使用HTML5的三个理由1.4HTML5要解决的三个问题第1章Web时代的变迁1.1迎接新的Web时代1.1.1HTML5时代即将来临1.1.2HTML5的目标1.2HTML5深受欢迎的理由1.2.1世界知名浏览器厂商对HTML5的支持1.2.2第一个理由：时代的要求1.2.3第二个理由：InternetExplorer82.1语法的改变2.2新增的元素和废除的元素2.3新增的属性和废除的属性2.4全局属性2.5新增的事件12345第2章HTML5与HTML4的区别2.1语法的改变2.1.1HTML5的语法变化2.1.2HTML5中的标记方法2.1.3HTML5确保的兼容性2.1.4标记示例2.2新增的元素和废除的元素2.2.1新增的结构元素2.2.2新增的其他元素2.2.3新增的input元素的类型2.2.4废除的元素2.3新增的属性和废除的属性2.3.1新增的属性2.3.2废除的属性2.4全局属性2.4.1contentEditable属性2.4.2designMode属性2.4.3hidden属性2.4.4spellcheck属性2.4.5tabindex属性3.1新增的主体结构元素3.3HTML5中页结构3.2新增的非主体结构元素第3章HTML5的结构3.1新增的主体结构元素3.1.1article元素3.1.2section元素3.1.3nav元素3.1.4aside元素3.1.5time元素与微格式3.1.6pubdate属性3.2新增的非主体结构元素3.2.1header元素3.2.2footer元素3.2.3address元素3.2.4main元素3.3HTML5中页结构3.3.1HTML5中的大纲3.3.2大纲的编排规则3.3.3对新的结构元素使用样式4.1新增元素与属性4.3增强的页面元素4.2表单验证第4章表单及其他新增和改良元素4.1新增元素与属性4.1.1新增属性4.1.2大幅度地增加与改良input元素的种类4.1.3对新的表单元素使用样式4.1.4output元素的追加4.2表单验证4.2.1自动验证4.2.2取消验证4.2.3显式验证4.3增强的页面元素4.3.1新增的figure元素与figcaption元素4.3.2新增的details元素与summary元素4.3.3新增的mark元素4.3.4新增的progress元素4.3.5新增的meter元素4.3.6新增的dialog元素4.3.7改良的a元素4.3.8改良的ol列表4.3.9改良的dl列表5.1canvas元素的基础知识5.2使用路径5.3绘制渐变图形5.4绘制变形图形5.5给图形绘制阴影12345第5章绘制图形5.6使用图像5.7图形、图像的组合与混合5.8绘制文字5.9补充知识第5章绘制图形5.1canvas元素的基础知识5.1.1在页面中放置canvas元素5.1.2绘制矩形5.2使用路径5.2.1绘制圆形5.2.2不关闭路径会怎么样5.2.3绘制直线5.2.4绘制曲线5.2.5使用Path2D对象绘制路径5.3绘制渐变图形5.3.1绘制线性渐变5.3.2绘制径向渐变5.4绘制变形图形5.4.1坐标变换5.4.2坐标变换与路径的结合使用5.4.3矩阵变换5.6使用图像5.6.1绘制图像5.6.2图像平铺5.6.3图像裁剪5.6.4像素处理5.7图形、图像的组合与混合5.7.1组合图形5.7.2混合图像5.9补充知识5.9.1保存与恢复状态5.9.2保存文件5.9.3简单动画的制作6.2对音频或视频添加字幕6.1多媒体播放第6章多媒体相关API6.1多媒体播放6.1.1video元素与audio元素的基础知识6.1.2属性6.1.3方法6.1.4事件6.2对音频或视频添加字幕6.2.1track元素的基础知识6.2.2track元素的各种属性6.2.3WebVTT文件7.2HistoryAPI使用示例7.1HistoryAPI的基本概念第7章HistoryAPI7.2HistoryAPI使用示例7.2.1使用HistoryAPI7.2.2结合使用CanvasAPI与HistoryAPI8.1WebStorage8.3indexedDB数据库8.2本地数据库第8章本地存储8.1WebStorage8.1.1WebStorage是什么8.1.2简单Web留言本8.1.3作为简易数据库来利用8.1.4利用storage事件实时监视WebStorage中的数据8.2本地数据库8.2.1本地数据库的基本概念8.2.2用executeSql来执行查询8.2.3使用数据库实现Web留言本8.2.4transaction方法中的处理8.3indexedDB数据库8.3.1indexedDB数据库的基本概念8.3.2连接数据库8.3.3数据库的版本更新8.3.4创建对象仓库8.3.5创建索引8.3.6索引的multiEntry属性值8.3.7使用事务8.3.8保存数据8.3.9获取数据9.1离线Web应用程序详解9.2manifest文件9.3浏览器与服务器的交互过程9.4applicationCache对象第9章离线应用程序9.1离线Web应用程序详解9.1.1新增的本地缓存9.1.2本地缓存与浏览器页缓存的区别9.4applicationCache对象9.4.1swapCache方法9.4.2applicationCache对象的事件10.1FileList对象与file对象10.2ArrayBuffer对象与ArrayBufferView对象10.3Blob对象10.4FileReader对象第10章文件API10.6Base64编码支持10.5FileSystemAPI第10章文件API10.2ArrayBuffer对象与ArrayBufferView对象10.2.1基本概念10.2.2ArrayBuffer对象10.2.3ArrayBufferView对象10.2.4DataView对象10.3Blob对象10.3.1Blob对象概述10.3.2创建Blob对象10.3.3Blob对象的slice方法10.3.4在IndexedDB数据库中保存Blob对象10.4FileReader对象10.4.1FileReader对象的方法10.4.2FileReader对象的事件10.4.3FileReader对象的使用示例10.5FileSystemAPI10.5.1FileSystemAPI概述10.5.2FileSystemAPI的适用场合10.5.3请求访问文件系统10.5.4申请磁盘配额10.5.5创建文件10.5.6写入文件10.5.7在文件中追加数据10.5.8读取文件10.5.9复制磁盘中的文件10.6Base64编码支持10.6.1Base64编码概述10.6.2在HTML5中支持Base64编码11.1跨文档消息传输11.3Server-SentEventsAPI11.2WebSockets通信第11章通信API11.1跨文档消息传输11.1.1跨文档消息传输的基本知识11.1.2跨文档消息传输示例11.1.3通道通信11.2WebSockets通信11.2.1WebSockets通信的基本知识11.2.2使用WebSocketsAPI11.2.3WebSocketsAPI使用示例11.2.4发送对象11.2.5发送与接收原始二进制数据11.2.6实现WebSocketsAPI的开发框架11.2.7WebSocket协议11.2.8WebSocketsAPI的适用场景11.3Server-SentEventsAPI11.3.1Server-SentEventsAPI的基本概念11.3.2Server-SentEventsAPI的实现方法11.3.3事件ID的使用示例12.1WebRTC的基本概念12.2使用getUserMedia方法访问本地设备12.3手工建立WebRTC通信12.4穿越NAT/防火墙进行通信12.5使用Node.js进行信令12345第12章WebRTC通信12.7使用RTCDataChannel进行通信12.6使用WebRTC进行多人通信第12章WebRTC通信12.2使用getUserMedia方法访问本地设备12.2.1浏览器检测12.2.2获取对视频输入设备或音频输入设备的访问权限12.2.3实现拍照功能12.2.4与CSS3结合使用12.3手工建立WebRTC通信12.3.1WebRTC通信的基本概念12.3.2建立P2P通信12.3.3手工实现信令12.3.4剖析SDP交换过程12.3.5剖析ICE交换过程12.4穿越NAT/防火墙进行通信12.4.1穿越NAT12.4.2穿越防火墙12.5使用Node.js进行信令12.5.1建立信令服务器12.5.2修改信令处理12.7使用RTCDataChannel进行通信12.7.1RTCDataChannel的基本概念12.7.2实现RTCDataChannel通信12.7.3实现浏览器与浏览器之间的文件发送功能13.1从服务器端获取二进制数据13.3跨域数据请求13.2发送数据第13章扩展的XMLHttpRequestAPI13.1从服务器端获取二进制数据13.1.1ArrayBuffer响应13.1.2Blob响应13.2发送数据13.2.1发送字符串13.2.2发送表单数据13.2.3上传文件13.2.4发送Blob对象13.2.5发送ArrayBuffer对象14.1基础知识14.2与线程进行数据的交互14.3线程嵌套14.4线程中可用的变量、函数与类第14章使用WebWorkers处理线程14.6SharedWorker14.5适用场合第14章使用WebWorkers处理线程14.3线程嵌套14.3.1单层嵌套14.3.2在多个子线程中进行数据的交互14.6SharedWorker14.6.1基础知识14.6.2实现前台页面与后台线程之间的通信14.6.3定义页面与共享的后台线程开始通信时的处理14.6.4SharedWorker的使用示例15.1GeolocationAPI的基本知识15.3在页面上使用google地图15.2position对象第15章获取地理位置信息15.1GeolocationAPI的基本知识15.1.1取得当前地理位置15.1.2持续监视当前地理位置的信息15.1.3停止获取当前用户的地理位置信息16.2通知API16.1拖放API第16章拖放API与通知API16.1拖放API16.1.1实现拖放的步骤16.1.2DataTransfer对象的属性与方法16.1.3设定拖放时的视觉效果16.1.4自定义拖放图标16.2通知API16.2.1通知API的基础知识16.2.2通知API的代码使用示例17.1PageVisibilityAPI17.2FullscreenAPI17.3鼠标指针锁定API17.4requestAnimat