我知道你迫不及待想学所有HTML5美妙且振奋人心的开.PDF

前言 我知道你迫不及待想學習所有 HTML5 美妙且振奮人心的開發技術，例如：web 表單、 canvas 與本機存儲。但我也知道在你進行高階開發之前，必須先紮下穩固的基礎。因 此，讓我們先來好好瞭解什麼是 HTML5 吧！ HTML5 是什麼？ HTML5 是由全球資訊網協會（W3C ）開發的規格（見/html5/spec/ ）。 在本書編寫期間，HTML5 規格仍然處於官方工作草案 （ ）階段，也就是 Working Draft 說它在成為建議版（Recommendation ）之前，有可能還會經過多次的改版。在成為建議 版後，有一個正式審核階段，最終才會成為這種標記語言的一個特定版本。 同時，獨立於 W3C 的單位—Web 超文字應用技術工作小組（WHATWG ）也參與了 HTML 規格的發展（見/html ）。ix 請留意我未曾提過任何版本號碼，因為 WHATWG 近來已改變政策，完全移除了版本 號碼。目前 WHATWG 以“活的標準（living standard ）＂來定義 HTML （見http://blog. /html-is-the-new-html5 ）。這種新的開發模式，意味著從今以後 HTML 將以它 的演化狀態來定義，而不是一個描述“某段＂時間有某些功能的特定版本。 viii | 前言 所支援的功能，而非瀏覽器版本 對我們設計者與開發者而言，這有什麼意義？如此一來，我們將會專注於實作各別的功 能，而不是完成所有規格：以後不再是：“這是一個 HTML5 網站＂，而是：“這個網站 支援 web sockets 與地理定位功能＂。 然而，某些業界人士認為設計者與開發者需要一個可供參考且穩定的規格來讓他們有效 率的驗證與維護網站，此外，有一個描述“目前真正具備的功能＂的穩定版本，可以讓 書籍作者與教師充分掌握教學內容。 雙方各持己見的結果，終究只是成為另一個茶餘飯後的辯論話題罷了。我們要強調的重 點是：現在有兩種開發模式，並告訴你在規格演進的過程中一項有趣的策略變革。 5 還在 即使 WHATWG 認為“HTML＂是一個活文檔因而不需要使用任何版本號碼，本書依然 採用“HTML5＂這個名詞。為什麼？因為在你每天開發過程當中，最重要的任務是瞭解 功能的特性並且將它實作出來。 既然錦囊妙計系列的目的是提供隨時可用的訣竅，我們就必須宣示本書支援 HTML5 。 一般來說，當今最新的瀏覽器在某種程度上都已經支援 HTML5 了。但一如 HTML5 的 前身，目前沒有 100% 支援 HTML5 的瀏覽器，我們唯有繼續期待這一天的到來。 深入 JavaScript 一如你將在本書中所見，即使 HTML5 有許多令人振奮的新功能，它也涉及—更甚以 往—大量的 web 技術，其中有許多技術必須依賴大量的 JavaScript API 在網頁上顯示。 為了讓你充分瞭解 HTML5 與這些相關技術提供的功能，我們不會避而不談 JavaScript ，在討論某些 HTML5 API 的進階功能時，本書甚至會以偏重 JavaScript 的角 度來探討。x 如果你不熟悉 JavaScript 或對它感到恐懼的話，現在是複習這項技能的最佳時機—如果 你認真看待 HTML5 的話，確實應該要熟悉某些 JavaScript 的功能。 重要的是，在本書編著、修訂與出版的過程中，許多我們所提到的 API 仍然在持續發展 當中，其中某些 API 比較完整，因此會比較穩定，而其他 API 仍然會頻繁的變動。因此 在你採用 HTML5 技術編寫網頁時，應該對這種情況了然於胸。 前言 | ix 本書的內容 儘管我們不會列出 HTML5 的所有功能，以及瀏覽器對它們提供的支援，但根據各訣 竅，本書將會對各種元素提供技術支援與實作（關於如何找出目前瀏覽器所支援的規 格，請見訣竅 2.3 ：瞭解瀏覽器支援的 HTML5 ）。 我們也會探討當瀏覽器沒有充分支援某功能時應該如何實作，以