為何寫作本書

如果要盤點這幾年IT 界的十大熱門技術，雲端運算、行動開發、物聯網等無疑會在其中，HTML 5 一定也是少不了的。2010 年，隨著HTML 5 的快速發展，各大瀏覽器開發公司如Google、微軟、蘋果、Mozilla 和Opera 的瀏覽器開發業務都變得非常繁忙。在整個2010 年度，無論是Mozilla 的Firefox、Google 的Chrome、蘋果的Safari，還是微軟的Internet Explorer，以及Opera 都處於不斷地推陳出新的狀態。

2010 年3 月， 在微軟的MIX2010 大會上， 微軟的工程師在介紹Internet Explorer 9 瀏覽器的同時，從前端技術的角度把網際網路的發展分為了三個階段：

第一階段：Web 1.0 的以內容為主的網路，前端主流技術是HTML 和CSS；

第二階段：Web 2.0 的Ajax 應用，熱門技術是JavaScript/DOM/ 非同步資料請求；

第三階段： 即將迎來的HTML 5 時代， 亮點是豐富圖形和豐富媒體內容（Graphically-Rich and Media-Rich）。

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

在這種局勢下， 學習HTML 5 無疑成為Web 開發者的重要工作， 誰先學會HTML 5，誰就掌握了邁向未來Web 平台的一把鑰匙。因此，我希望能藉由本書幫助Web 開發者更進一步地學習HTML 5 以及與之相伴隨的CSS 3 技術，使他們能夠早日運用這些技術開發出一個具有現代品質的、在未來的Web 平台上能夠流暢執行的Web 網站或Web 應用程式。

自2011 年之後，HTML 5 與CSS 3 標準處於不斷發展中，各主流瀏覽器也以最快的速度對HTML 5 中各種最新公佈的API 提供了支援，其中包含各種新增元素、IndexedDB API、FileSystem API、Server-Sent Events API、擴充的XMLHttpRequest API 等。本書涵蓋HTML 5 中新增的各種元素及API，同時也有各主流瀏覽器CSS 3的最新支援情況，以讓讀者學習到HTML 5 與CSS 3 標準中的各種知識，了解各種最新的瀏覽器對HTML 5 與CSS 3 標準的最新支援情況，能夠早日用這些新的知識打造一個HTML 5 時代的功能強大的Web 網站或Web 應用程式。

本書針對的讀者

本書主要適合以下潛在讀者：

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

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

‹Web 專案的專案管理人員。

‹開設Web 開發等相關課程的大專院校師生和教育訓練機構的學員及教師。

如何閱讀本書

1 到17 章，針對HTML 5 中新增的語法與標記方法、新增元素、新增API 以及這些元素與API 到目前為止受到了哪些瀏覽器的支援等做詳細的介紹。同時將其與HTML 4 中的各種元素與功能進行比較，以幫助讀者更進一步地了解為什麼需要使用HTML 5、使用HTML 5 的好處、HTML 5 中增加哪些HTML 4 不具備而在第3 代Web 平台上將造成重要作用的功能與API，以及這些功能與API 的詳細使用方法。

17-29 章，則詳細介紹了CSS 3 中各種新增樣式與屬性，其中主要包含CSS3 中的各種選擇器、文字與字型、背景與邊框、各種盒狀元素模型、CSS 3 中的版面配置方式、CSS 3 中的變形與動畫、CSS 3 中與媒體類型相關的一些樣式與屬性等。在介紹的同時也詳細說明了這些樣式與屬性目前為止受到了哪些瀏覽器的支援，以及針對各種瀏覽器應該怎樣在樣式程式中進行各種屬性的正確撰寫。

最後詳細列舉了兩個實例，第一個實例展示了如何在一個用HTML 5 語言撰寫而成的頁面中綜合運用HTML 5 中新增的各種結構元素，如何對這些結構元素綜合使用CSS 3 樣式；第二個實例展示了如何使用HTML 5 中新增的表單元素，以及操作本機資料庫的功能來實現一個具有現代風格的Web 應用程式，如何在這個利用HTML 5語言及其功能撰寫而成的Web 應用程式中綜合使用CSS 3 樣式，完成頁面的版面配置以及視覺效果的美化工作。

全書一共351 個範例網頁/ 程式，每個程式碼都經過作者上機實作，確保執行結果正確無誤。每個頁面的詳細程式及其使用到的指令檔、各種資源檔都可在本公司的官方網站（www.topteam.cc）本書的對應頁面上下載，因為是由HTML 5 撰寫而成的網頁，所以可直接在各種瀏覽器中開啟該檔案並檢視執行結果（少量頁面需要先建立網站，然後透過存取網站中該頁面的方式來進行檢視，少量頁面使用伺服器端PHP指令碼語言，可在Apache 伺服器中執行）。同時，對於HTML 5 中的各種元素和各種API，以及CSS 3 中的各種屬性和樣式受到了哪些瀏覽器的支援在書中都有詳細介紹，讀者可以針對不同的頁面選擇正確的瀏覽器來檢視其正確的執行結果。

致謝

在本書的寫作過程中，楊福川和姜影二位給予了很大的幫助和支援，並提出許多中肯的建議，在此表示感謝。

為何寫作本書

如果要盤點這幾年IT 界的十大熱門技術，雲端運算、行動開發、物聯網等無疑會在其中，HTML 5 一定也是少不了的。2010 年，隨著HTML 5 的快速發展，各大瀏覽器開發公司如Google、微軟、蘋果、Mozilla 和Opera 的瀏覽器開發業務都變得非常繁忙。在整個2010 年度，無論是Mozilla 的Firefox、Google 的Chrome、蘋果的Safari，還是微軟的Internet Explorer，以及Opera 都處於不斷地推陳出新的狀態。

2010 年3 月， 在微軟的MIX2010 大會上， 微軟的工程師在介紹Internet Explorer 9 瀏覽器的同時，從前端技術的角度把網際網路的發展...

前言
第1章　Web 時代的變遷
第2章　HTML 5 與HTML 4 的區別
第3章　HTML 5 的結構
第4章　表單及其他新增和改良元素
第5章　HTML 編輯API
第6章　繪製圖形„
第7章　History API „
第8章　本機儲存„
第9章　離線應用程式„
第10章　檔案API „
第11章　通訊API „
第12章　擴充的XMLHttpRequest API „
第13章　使用Web Workers 處理執行緒„
第14章　取得地理位置資訊„
第15章　多媒體相關API„
第16章　與頁面顯示相關的API„
第17章　拖放API 與通知API„
第18章　CSS 3 概述„
第19章　選擇器„
第20章　使用選擇器在頁面中插入內容„
第21章　文字與字型相關樣式„
第22章　盒狀元素相關樣式„
第23章　背景與邊框相關樣式„
第24章　CSS 3 中的變形處理„
第25章　CSS 3 中的動畫功能„
第26章　版面配置相關樣式„
第27章　Media Queries 相關樣式„
第28章　CSS 3 的其他重要樣式和屬性„
第29章　綜合實例„
附錄A　可以在各種瀏覽器中執行的所有指令
附錄B　五大瀏覽器對HTML 5 的支援情況

前言
第1章　Web 時代的變遷
第2章　HTML 5 與HTML 4 的區別
第3章　HTML 5 的結構
第4章　表單及其他新增和改良元素
第5章　HTML 編輯API
第6章　繪製圖形„
第7章　History API „
第8章　本機儲存„
第9章　離線應用程式„
第10章　檔案API „
第11章　通訊API „
第12章　擴充的XMLHttpRequest API „
第13章　使用Web Workers 處理執行緒„
第14章　取得地理位置資訊„
第15章　多媒體相關API„
第16章　與頁面顯示相關的API„
第17章　拖放API 與通知API„
第18章　CSS 3 概述„
第19章　選擇器„
第20章　使用選擇器在頁面中插入內...