前言
FOREWORD

網絡的快速發展使一些技術也在不斷地改革和創新，HTML語言，具有易用、快捷、多瀏覽平臺兼容等特點，但是隨著時代的進步，HTML的標準卻停滯不前，這一次還在不斷開發中的HTML 5標準的更新可以說給這門標記語言帶來了新的生命力。它是自2010年以來最熱門的技術之一，學習HTML 5成為Web開發者的重要任務，學會HTML 5，就掌握了邁向未來Web平臺的一把鑰匙。

與此同時，作為互聯網呈現功能的CSS也迎來了新的標準——CSS 3。它以CSS 2為基礎將功能進行模塊化，增加了新的樣式和屬性，并且對現存樣式屬性做了部分修改。這些新的樣式屬性極大地豐富了HTML的呈現功能，并可以實現動態效果，從而可以為客戶端帶來更加豐富的體驗。

本書是一本典型的HTML 5和CSS 3實踐教程，由多位經驗豐富的網頁設計人員和程序員編著而成，并且立足于網絡行業，詳細介紹HTML 5和CSS 3的應用。

1．本書內容

本書以目前主流的HTML 5和CSS 3技術為例進行介紹。全書共分為14章，主要內容如下。

第1章 HTML 5概述。主要介紹與HTML 5有關的基礎知識，包括HTML 5的概念，組織、特性優點、發展趨勢，與XHTML、Silverlight和HTML 4等技術的區別。

第2章 HTML 5中的新增元素。本章主要介紹HTML 5中新增的一些元素，這些元素類型包括結構元素、塊級語義元素、行內語義元素和交互元素。除了這些元素外，還對HTML 4已經存在的元素重新定義。

第3章 HTML 5中的表單應用。HTML 5對傳統的表單功能進行了改進，本章從回顧HTML的基礎知識開始，然后依次介紹新增的表單元素、表單類型、表單屬性和表單驗證等內容。

第4章 HTML 5中的文件應用。本章介紹與文件API有關的對象，并且使用這些對象完成文件的選擇、讀取和拖放等操作。

第5章 HTML 5中的多媒體元素。本章首先介紹HTML 4中的多媒體文件顯示，接著介紹HTML 5中的多媒體基礎知識，然后分別介紹多媒體元素的屬性、source元素、多媒體元素的方法和事件，最后介紹了embed元素。

第6章 數據存儲。本章主要介紹Web Storage和Web SQL數據庫兩部分內容。內容涉及Web Storage的優缺點、localStorage對象、sessionStorage對象、JSON對象操作數據、Web SQL API操作數據等。

第7章 Canvas API動態繪圖。HTML 5中新增的繪圖功能是最令人期待的特色，在本章中詳細介紹了如何使用Canvas API進行繪圖。具體內容包括路徑繪圖、貝塞爾曲線、漸變圖形、繪制圖像、繪制文本和陰影效果等。

第8章 離線緩存。本章著重介紹離線緩存的知識，首先從離線應用程序進行介紹，接著介紹Cache Manifest文件，然后介紹瀏覽器與服務器的交互過程，最后介紹離線存儲對象applicationCache的使用。

第9章 通信API和地理位置獲取。本章主要介紹HTML 5中的一些比較高級的應用操作，包括跨文檔消息傳輸、Web Sockets通信、Web Workers線程以及Geolocation API顯示地理位置等內容。

第10章 CSS 3和新增顏色及文本樣式。從本章開始將介紹與CSS 3有關的內容，在本章中除了介紹CSS 3的概念、支持情況以及新增特性外，還介紹新增的顏色、文本樣式以及@font-face規則。

第11章 CSS 3中的新增選擇器。本章著重介紹CSS 3中的新增選擇器，這些選擇器包括屬性選擇器、結構化偽類選擇器、UI元素狀態偽類選擇器、否定偽類選擇器、目標偽類選擇器、通用兄弟元素選擇器。除此之外，還介紹新增的內容屬性content。

第12章 彈性盒模型與樣式布局。CSS 3在CSS 2的基礎上引入了新的盒模型參數，提出了彈性盒模型的概念。本章詳細介紹新增的彈性盒模型屬性、多列類布局屬性以及用戶界面布局屬性。

第13章 邊框、背景和漸變。CSS 3中針對CSS 2中的多個模塊進行了重新定義和添加，本章將介紹邊框、背景和漸變三大模塊。

第14章 HTML 5+CSS 3制作旅游網頁。本章以一個簡單的、漂亮的、基礎的旅游網站為例，應用前面章節的知識點，使用HTML 5和CSS 3技術實現對網頁結構和樣式的設計。本章旅游網頁包括首頁、關于我們、國內旅游勝地、出境旅游和留言咨詢5部分內容。

2．本書特色

本書中的大量內容來自實際的開發項目，而針對初、中級讀者量身定做，由淺入深地介紹與HTML 5和CSS 3有關的知識。本書具有以下特色。

1）知識全面，內容豐富

本書緊緊圍繞HTML 5和CSS 3中新增加的元素和屬性展開講解，涵蓋了實際開發中設計網頁比較復雜的代碼。

2）基于理論，注重實踐

本書不僅介紹了理論知識，而且在合適位置安排了綜合應用實例或者小型應用程序，將理論知識應用到實踐當中，加強讀者實際應用能力，鞏固系統基礎知識。另外，還將一些概念和術語放到文檔中，以方便讀者了解。

3）網站技術支持

讀者在學習或者工作的過程中，如果遇到實際問題，可以直接登錄www.ztydata.com.cn與我們取得聯系，作者會在第一時間內給予幫助。

3．讀者對象

本書適合作為學習HTML 5和CSS 3技術的入門程序開發人員的自學用書，也適合作為高等院校相關專業的教學參考書，還可以供開發人員查閱和參考。

（1）學習HTML 5和CSS 3技術的入門者。

（2）HTML 5和CSS 3技術的初級學者以及在校學生。

（3）各大中專院校的在校學生和相關授課老師。

（4）準備從事與網站開發或者網站編輯有關的人員。

除了封面署名人員之外，參與本書編寫的人員還有李海慶、王詠梅、康顯麗、王黎、湯莉、倪寶童、趙俊昌、方寧、郭曉俊、楊寧寧、王健、連彩霞、丁國慶、牛紅惠、石磊、王慧、李衛平、張麗莉、王丹花、王超英、王新偉等。在編寫過程中難免會有疏漏，歡迎讀者通過清華大學出版社網站www.tup.tsinghua.edu.cn與我們聯系，幫助我們改正提高。