為何寫(xiě)作本書(shū)？
如果要盤(pán)點(diǎn)2010年IT屆的十大熱門(mén)技術(shù)，云計(jì)算、移動(dòng)開(kāi)發(fā)、物聯(lián)網(wǎng)等無(wú)疑會(huì)在其中，HTML 5肯定也是少不了的。2010年，隨著HTML 5的迅猛發(fā)展，各大瀏覽器開(kāi)發(fā)公司（如Google、微軟、蘋(píng)果、Mozilla和Opera）的瀏覽器開(kāi)發(fā)業(yè)務(wù)都變得異常繁忙。在整個(gè)2010年度，無(wú)論是Mozilla的Firefox、Google的 Chrome、蘋(píng)果的Safari、微軟的Internet Explorer，還是歐普拉的Opera都處于不斷推陳出新的狀態(tài)當(dāng)中。
2010年3月，在微軟的MIX2010大會(huì)上，微軟的工程師在介紹Internet Explorer 9瀏覽器的同時(shí)，還從前端技術(shù)的角度把互聯(lián)網(wǎng)的發(fā)展分為了三個(gè)階段：
第一階段：Web 1.0的以?xún)?nèi)容為主的網(wǎng)絡(luò)，前端主流技術(shù)是HTML和CSS；
第二階段：Web 2.0的Ajax應(yīng)用，熱門(mén)技術(shù)是JavaScript、DOM、異步數(shù)據(jù)請(qǐng)求；
第三階段：即將迎來(lái)的HTML 5時(shí)代，亮點(diǎn)是富圖形和富媒體內(nèi)容（Graphically-Rich and Media-Rich）。
前端技術(shù)將進(jìn)入一個(gè)嶄新的時(shí)代，至少已經(jīng)開(kāi)啟了這扇門(mén)。
在這種局勢(shì)下，學(xué)習(xí)HTML 5無(wú)疑成為Web開(kāi)發(fā)者的一大重要任務(wù)，誰(shuí)先學(xué)會(huì)HTML 5，誰(shuí)就掌握了邁向未來(lái)Web平臺(tái)的方向。因此，我希望能夠借助本書(shū)幫助國(guó)內(nèi)的Web開(kāi)發(fā)者更好地學(xué)習(xí)HTML 5以及與之相伴的CSS 3技術(shù)，使大家能夠早日運(yùn)用這些技術(shù)開(kāi)發(fā)出一個(gè)具有現(xiàn)代水平的、在未來(lái)的Web平臺(tái)上能夠正常運(yùn)行的Web網(wǎng)站或Web應(yīng)用程序。
第4版與第3版的區(qū)別
自2016年上半年本書(shū)第3版出版以來(lái)，一直受到廣大讀者的歡迎，筆者在這里首先感謝廣大讀者的支持。自本書(shū)第3版出版之后，HTML 5與CSS 3標(biāo)準(zhǔn)不斷發(fā)展，2016年11月，W3C發(fā)布HTML 5.1版本；2017年12月，W3C發(fā)布HTML 5.2版本。各主流瀏覽器也以最快的速度對(duì)HTML 5中各種最新公布的API提供了支持，其中包括對(duì)ECMA Script 2015以上版本的支持、對(duì)indexedDB 2.0版本的支持、對(duì)Fetch API的支持、改用Service Worker對(duì)離線(xiàn)應(yīng)用程序提供支持、對(duì)BroadcastChannel API的支持、對(duì)Web組件模塊（其中包括HTML模塊、Shadow DOM、自定義元素、HTML導(dǎo)入）的支持、對(duì)Web Animations API的支持等。因此，本書(shū)第4版以第3版的內(nèi)容為基礎(chǔ)，添加2016年上半年到2018年上半年之間HTML 5中新增的各種元素及API，同時(shí)更新各主流瀏覽器CSS 3的最新支持情況，以使讀者能夠?qū)W到HTML 5與CSS 3標(biāo)準(zhǔn)中的各種知識(shí)，了解各種最新的瀏覽器中對(duì)HTML 5與CSS 3標(biāo)準(zhǔn)的最新支持情況，以幫助讀者能夠早日將這些新的知識(shí)打造成一個(gè)HTML 5時(shí)代的功能強(qiáng)大的Web網(wǎng)站或Web應(yīng)用程序。
具體來(lái)說(shuō)，在第4版在第3版的基礎(chǔ)上做出的主要修改如下所示：
第2章“HTML5與HTML4的區(qū)別”中刪除在HTML 5.1中被移除的元素。
新增第5章“ECMAScript中的新增功能”。
第7章“本地存儲(chǔ)”（原書(shū)中第8章）中新增indexedDB 2.0部分。
第8章“擴(kuò)展的XMLHttpRequest API”（原書(shū)中第13章）修改為“擴(kuò)展的XMLHttp-Request API及Fetch API”，新增8.4節(jié)“使用Fetch API”。
新增第10章“使用Service Worker實(shí)現(xiàn)離線(xiàn)應(yīng)用程序”。
第11章“通信API”中新增11.4節(jié)“BroadcastChannel API”。
新增第12章“Web組件”。
第13章“繪制圖形” （原書(shū)中第5章）中新增13.9.3節(jié)“將canvas元素中的圖像轉(zhuǎn)換為Blob對(duì)象”與13.9.5節(jié)“解碼圖像”。
第18章“文字與字體相關(guān)樣式”中新增18.4節(jié)“指定用戶(hù)是否可選取文字的user-select屬性”。
第22章“CSS3中的動(dòng)畫(huà)功能”中新增22.3節(jié)“Web Animations API”。
第23章“布局相關(guān)樣式”中新增23.4節(jié)“網(wǎng)格布局”。
第24章“Media Queries相關(guān)樣式”一章修改為第24章“媒體查詢(xún)表達(dá)式與特性查詢(xún)表達(dá)式”，新增24.2節(jié)“特性查詢(xún)表達(dá)式”。
第25章“CSS 3的其他重要樣式和屬性”中新增25.4節(jié)“用于控制鼠標(biāo)事件的pointer-events屬性”與25.6節(jié)“CSS變量”。
本書(shū)面向的讀者
本書(shū)主要適合如下人群閱讀：
具有一定基礎(chǔ)的Web前端開(kāi)發(fā)工程師
具有一定美術(shù)功底的Web前端設(shè)計(jì)師和UI設(shè)計(jì)師
Web項(xiàng)目的管理人員
開(kāi)設(shè)了Web開(kāi)發(fā)等相關(guān)專(zhuān)業(yè)的高等院校師生和相關(guān)培訓(xùn)機(jī)構(gòu)的學(xué)員及教師
如何閱讀本書(shū)
本書(shū)從邏輯上共分為三個(gè)部分：
第一部分（第1～14章）　對(duì)HTML 5中新增的語(yǔ)法與標(biāo)記方法、新增的元素、新增的API以及到本書(shū)截稿時(shí)這些元素與API受到了哪些瀏覽器的支持等進(jìn)行了詳細(xì)介紹。在對(duì)它們進(jìn)行介紹的同時(shí)將其與HTML 4中的各種元素與功能進(jìn)行了對(duì)比，以幫助讀者更好地理解為什么需要使用HTML 5、使用HTML 5有什么好處、HTML 5中究竟增加了哪些目前HTML 4不具備而在第三代Web平臺(tái)上將會(huì)起到重要作用的功能與API，以及這些功能與API的詳細(xì)使用方法。
第二部分（第15～25章）　詳細(xì)介紹了CSS 3中的各種新增樣式與屬性，其中主要包括CSS 3中的各種選擇器、文字與字體、背景與邊框、各種盒模型、CSS 3中的布局方式、CSS 3中的變形與動(dòng)畫(huà)、CSS 3中與媒體類(lèi)型相關(guān)的一些樣式與屬性等。在介紹的同時(shí)也詳細(xì)講述了到本書(shū)截稿時(shí)這些樣式與屬性受到了哪些瀏覽器的支持，以及針對(duì)各種瀏覽器應(yīng)該怎樣在樣式代碼中進(jìn)行各種屬性的正確書(shū)寫(xiě)。
第三部分（第26章）　詳細(xì)講解了一個(gè)實(shí)例，該實(shí)例展示了如何使用HTML 5中新增的表單元素、如何讀取本地?cái)?shù)據(jù)庫(kù)中的數(shù)據(jù)、如何保存數(shù)據(jù)到本地?cái)?shù)據(jù)庫(kù)、如何使用Fetch API讀取服務(wù)器端的數(shù)據(jù)及提交數(shù)據(jù)到服務(wù)器端并處理服務(wù)器端響應(yīng)、如何保存數(shù)據(jù)到LocalStorage及從LocalStorage讀取保存后的數(shù)據(jù)、從而實(shí)現(xiàn)一個(gè)具有現(xiàn)代風(fēng)格的Web應(yīng)用程序，如何在這個(gè)由HTML 5語(yǔ)言及其功能編寫(xiě)而成的Web應(yīng)用程序中綜合使用CSS 3樣式來(lái)完成頁(yè)面的布局以及視覺(jué)效果的美化工作。
全書(shū)一共有300多個(gè)代碼示例，每個(gè)代碼示例都經(jīng)過(guò)筆者上機(jī)實(shí)踐，確保運(yùn)行結(jié)果正確無(wú)誤。每個(gè)代碼示例的詳細(xì)代碼及其用到的腳本文件、各種資源文件都可在華章公司的官方網(wǎng)站（www.hzbook.com）本書(shū)的頁(yè)面上下載，因?yàn)槭怯肏TML 5編寫(xiě)的網(wǎng)頁(yè)，所以這些文件可直接在各種瀏覽器中打開(kāi)并查看運(yùn)行結(jié)果。少量頁(yè)面需要首先建立網(wǎng)站，然后通過(guò)訪(fǎng)問(wèn)網(wǎng)站中該頁(yè)面的方式來(lái)進(jìn)行查看，少量頁(yè)面使用服務(wù)器端PHP腳本語(yǔ)言，可在A(yíng)pache服務(wù)器中運(yùn)行。書(shū)中詳細(xì)介紹了對(duì)HTML 5中的各種元素、各種API和CSS 3中的各種屬性和樣式提供支持的瀏覽器，讀者可以針對(duì)不同的頁(yè)面選擇正確的瀏覽器來(lái)查看其正確的運(yùn)行結(jié)果。
致謝
在本書(shū)的寫(xiě)作過(guò)程中，策劃編輯楊福川先生和李藝女士給予了很大的幫助和支持，并提出了很多中肯的建議，在此表示感謝。同時(shí)，還要感謝機(jī)械工業(yè)出版社的所有編審人員為本書(shū)的出版所付出的辛勤勞動(dòng)。本書(shū)的成功出版是大家共同努力的結(jié)果，謝謝你們。
另外，在本書(shū)的寫(xiě)作過(guò)程當(dāng)中，由于時(shí)間及水平上的原因，可能存在一些對(duì)HTML 5及CSS 3上認(rèn)識(shí)不全面或疏漏的地方，敬請(qǐng)讀者批評(píng)更正，作者的聯(lián)系QQ為240824399，聯(lián)系郵箱為240824399@qq.com，謹(jǐn)以最真誠(chéng)的心希望能與讀者交流，共同成長(zhǎng)。