讀書筆記模板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