權威再現HTML5&CSS3經典指南

前言

為何寫作本書

如果要盤點這幾年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 中的各種屬性和樣式受到了哪些瀏覽器的支援在書中都有詳細介紹，讀者可以針對不同的頁面選擇正確的瀏覽器來檢視其正確的執行結果。

致謝

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