前言

為何寫作本書

2014年10月28日，W3C的HTML工作組正式發布了HTML 5的正式推薦標準（W3C Recommendation），這一消息是W3C在美國圣克拉拉舉行的W3C技術大會及顧問委員會會議（TPAC 2014）上宣布的。HTML 5在這一版本中增加了支持Web應用開發者的許多新特性，以及更符合開發者使用習慣的新元素，并重點關注定義清晰的、一致的準則，以確保Web應用和內容在不同用戶代理（瀏覽器）中的互操作性。HTML 5是構建開放Web平臺的核心。

2015年4月9日，W3C的CSS工作組發布CSS基本用戶接口模塊（CSS Basic User Interface Module Level 3，CSS3 UI）的標準工作草案。該文檔描述了CSS 3中對HTML、XML（包括XHTML）進行樣式處理所需的與用戶界面相關的CSS選擇器（selectors）、屬性及屬性值。它包含并擴展了在CSS Level 2及Selector規范中定義的與用戶接口有關的特性。

HTML 5帶來了一組新的用戶體驗，如Web的音頻和視頻不再需要插件，通過Canvas更靈活地完成圖像繪制，而不必考慮屏幕的分辨率，瀏覽器對可擴展矢量圖（SVG）和數學標記語言（MathML）的本地支持，通過引入新的注釋信息以增強對東亞文字呈現（Ruby）的支持，對富Web應用信息無障礙新特性的支持，等等。

前端技術將進入一個嶄新的時代，至少已經開啟了這扇門。

在這種局勢下，學習HTML 5無疑成為Web開發者的一大重要任務，誰先學會HTML 5，誰就掌握了開啟未來Web平臺的一把鑰匙。因此，筆者希望借助此書幫助國內的Web開發者更好地學習HTML 5以及與之相伴的CSS 3技術，早日運用這些技術開發出一個具有現代水平的、在未來的Web平臺上正常運行的Web網站或Web應用程序。

第3版與第2版的區別

自2013年上半年本書第2版出版以來，一直受到廣大讀者的歡迎，筆者在這里首先感謝廣大讀者的支持。自本書第2版出版之后，HTML 5與CSS 3標準處于不斷發展中，各主流瀏覽器也以最快的速度對HTML 5中各種最新公布的API提供了支持，其中包括各種新增元素、WebRTC通信API、鼠標指針鎖定API、JavaScript Promise等。因此，本書以第2版的內容為基礎，添加對2013上半年到2015年5月之間HTML 5中新增的各種元素及API的介紹，同時更新各主流瀏覽器對CSS 3的最新支持情況，以使讀者能夠學到2015年5月為止關于HTML 5與CSS 3標準的各種知識，了解各種最新瀏覽器對HTML 5與CSS 3標準的支持情況，能夠早日通過這些新知識打造一個HTML 5時代功能強大的Web網站或Web應用程序。

具體來說，本書在第2版的基礎上做出了如下主要修改：

?第2章中新增部分HTML 5屬性。

?第3章中新增對main元素的介紹，移除第2版中對hgroup元素（HTML 5標準中已廢除該元素）的介紹。

?第4章中新增對dialog元素的介紹。

?第5章（第2版中第6章）中新增“使用Path2D對象繪制路徑”和“圖形、圖像的組合與混合”的內容。

?第6章（第2版中的第15章）中新增“對音頻或視頻添加字幕”內容。

?第10章中新增“在IndexedDB數據庫中保存Blob對象”內容。

?新增第12章對WebRTC通信的介紹。

?第17章（第2版中的第16章）中新增“鼠標指針鎖定API”、“requestAnimationFrame”、“Mutation Observer”、“JavaScript Promise”、“Beacon API”內容。

?第21章中新增“使用rem單位定義字體大小”內容。

?第22章中新增“創建盒內陰影”內容。

?第23章中新增“新增的用于平鋪背景圖像的選項—space與round”和“使用漸變色背景”內容。

?第24章中新增“使用3D變形功能”及“變形矩陣”內容。

?第26章中根據CSS 3最新標準的內容重新編寫“彈性盒布局”并新增“calc方法”內容。

?第28章中新增“實現CSS 3中的濾鏡特效”內容。

本書面向的讀者

本書主要適合如下人群閱讀：

?具有一定基礎的Web前端開發工程師。

?具有一定美術功底的Web前端設計師和UI設計師。

?Web項目的項目管理人員。

?開設Web開發等相關專業的高等院校的師生和相關培訓機構的學員及教師。

如何閱讀本書

本書共分為上下兩冊。

上冊對HTML 5中新增的語法、標記方法、元素、API，以及這些元素與API到目前為止受到了哪些瀏覽器支持等進行詳細介紹。在對它們進行介紹的同時將其與HTML 4中的各種元素與功能進行對比，以幫助讀者更好地理解為什么需要使用HTML 5、使用HTML 5有什么好處、HTML 5中究竟增加了哪些目前HTML 4不具備而在第三代Web平臺上將會起到重要作用的功能與API，以及這些功能與API的詳細使用方法。

下冊詳細介紹了CSS 3中各種新增樣式與屬性，其中主要包括CSS 3中的各種選擇器、文字與字體、背景與邊框、各種盒模型、CSS 3中的布局方式、CSS 3中的變形與動畫、CSS 3中與媒體類型相關的一些樣式與屬性等。同時詳細講述了這些樣式與屬性到目前為止受到了哪些瀏覽器支持，以及針對不同瀏覽器應該怎樣在樣式代碼中正確使用各種屬性。最后詳細講解了兩個實例，第一個實例展示了如何在一個用HTML 5語言編寫而成的頁面中綜合運用HTML 5中新增的各種結構元素，如何對這些結構元素綜合使用CSS 3樣式；第二個實例展示了如何使用HTML 5中新增的表單元素以及操作本地數據庫的功能來實現一個具有現代風格的Web應用程序，如何在這個由HTML 5語言編寫而成的Web應用程序中綜合使用CSS 3樣式來完成頁面的布局以及視覺效果的美化工作。

全書一共包含389個代碼示例，每個代碼示例都經過筆者上機實踐，確保運行結果正確無誤。每個代碼示例的詳細代碼及其用到的腳本文件、各種資源文件都可在華章公司的官方網站（www.hzbook.com）的本書頁面上下載，因為是用HTML 5編寫而成的網頁，所以可直接在各種瀏覽器中打開并查看運行結果（少量頁面需要先建立網站，然后通過訪問網站中該頁面的方式進行查看；少量頁面使用服務器端PHP腳本語言，可在Apache服務器中運行；少量頁面使用服務器端Node.js腳本語言，可以通過安裝運行Node.js來運行服務器并查看示例頁面）。同時，對于HTML 5中的各種元素和各種API，以及CSS 3中的各種屬性與樣式受到了哪些瀏覽器的支持在書中都進行了詳細介紹，讀者可以針對不同的頁面選擇正確的瀏覽器來查看其正確的運行結果。

致謝

在本書的寫作過程中，機械工業出版社華章公司的編輯楊福川先生和姜影女士給予了很大的幫助和支持，并提出了很多中肯的建議，在此表示感謝。同時，還要感謝機械工業出版社的所有編審人員為本書的出版所付出的辛勤勞動。本書的成功出版是大家共同努力的結果，謝謝他們。

另外，在本書的寫作過程當中，由于時間及個人水平上的原因，有可能存在一些對HTML 5及CSS 3認識不全面或疏漏的地方，敬請讀者批評指正，作者的聯系QQ為240824399，聯系郵箱為240824399@qq.com，謹以最真誠的心希望能與讀者共同交流、共同成長。