《HTML5和CSS3快速參考》——第1章走進HTML51.1概述

非同步社群發表於2017-05-02
HTMLCSSS3

本節書摘來自非同步社群《HTML5和CSS3快速參考》一書中的第1章，第1.1節,作者： 【美】Sergey Mavrody 更多章節內容可以訪問雲棲社群“非同步社群”公眾號檢視。

第1章 走進HTML5

1.1 概述

本書簡介
在Web世界中，HTML和CSS無疑是最重要、最基本的兩種語言了，它們一同支撐起了當下絕大部分的Web站點和Web應用程式。而最新的HTML5被認為是Web的未來，它為我們提供了一系列簡單的富網際網路應用服務（Rich Internet Application）1外掛功能，以及更容易的開發方式和更好的使用者體驗。

今天，我們總能在網路上找到各種關於HTML5的參考資料、教程及相關技巧，其中也不乏一些重點討論HTML5某些具體特性的書籍。但我們總會覺得缺少一本資訊全面而簡潔的便捷型參考書。

而本書就是這樣一部為專業Web設計人員及開發人員準備的技術詞典。這裡彙總了3 000多頁的（X）HTML5和CSS3的標準規範，其中涵蓋了那些最基本的通用概念和規範，包括標籤、屬性、屬性值、物件及其屬性與方法、事件以及一系列API。

我們將會涉及以下話題：

  • HTML5概述；
  • HTML及XHTML5的語法規則；
  • 文件語義結構；
  • HTML5元素及其屬性彙總；
  • HTML5表單；
  • 全域性屬性與事件；
  • CSS3屬性彙總；
  • HTML5 API，包括Canvas、SVG、Video、Audio、Web Workers、Web Sockets、Microdata、Geolocation、Web Storage等。

總之，作者的目標是構建出一份全面的、一站式（one-stop）的資訊參考資料庫，並同時力求簡明易讀、結構清晰。

什麼是HTML
眾所周知，“HTML”是超文字標記語言（HyperText Markup Language）的首字母縮寫。它是網際網路（world wide web）中最主要的標記語言，通常用來表示組成Web文件的各種結構元素，其中包括文件頭、段落、表格、頁尾等。

除此之外，HTML標籤通常會結合CSS（Cascading Style Sheets，層疊樣式表）技術來展現其要表述的視覺化內容。CSS可以幫助我們將一些視覺化元素與具體的HTML內容分隔開來，例如圖層、顏色、字型等。

HTML還允許我們在頁面中內嵌互動式表單、圖片、視訊、音訊等物件。此外，我們還可以在HTML程式碼中嵌入類似於JavaScript指令碼這樣的程式碼檔案，這能賦予相關頁面某種動態化行為。

HTML的主要版本

  • 第一份HTML文件叫作“HTML Tags”，由Berners-Lee於1991年釋出。
  • HTML 4.0是由國際網際網路協會（W3C）於1997年釋出的。該規範為我們提供了三種不同層次的選項，分別為transitional、strict及frameset。
  • XHTML 1.0規範代表的是一個更為嚴格的HTML標記子集，釋出於2000—2002年。它主要沿襲了XML文件的語法規則。
  • XHTML 2.0工作草案是2002—2006年間陸續釋出的。由於該標準在制定過程中總試圖與過去徹底決裂，犧牲了大量的向後相容性，因而最終導致W3C決定停止這一標準草案的所有開發工作，從而將目標轉向了更為靈活的HTML5標準。
  • HTML5的第一份草案由W3C於2008年公開發布。
  • XHTML5的開發工作是從2009年以後開始的。

HTML5
HTML5的開發工作始於2004年WHATWG小組（Web Hypertext Application Technology Working Group，網頁超文字應用技術小組）的一次非正式專家會議。該專家小組由Apple電腦、Mozilla基金會以及Opera軟體的專家共同組成。並且由來自Google公司的Ian Hickson負責領導HTML5的標準制定工作，最終於2007年向國際網際網路協會（W3C）提交併通過了WHATWG版的HTML5規範。

  • 比起XHTML 2.0，HTML5標籤能夠更好地實現對HTML 4與XHTML 1.0的向後相容。
  • HTML5引入了許多新的元素，包括一些用於語義替換（semantic replacements）的一般性HTML元素，例如新的佈局元素、、、、等。同時，該標準也棄用了許多HTML 4中的元素，即不再鼓勵使用它們。
  • HTML5還引入了許多額外的外掛功能，例如標準化的視訊與音訊介面、柵格影像、本地型資料庫、離線模式、多執行緒JavaScript指令碼以及跨文件通訊等。

XHTML5
XHTML5是HTML5被XML化後的產物，該型文件嚴格支援XML MIME（如application/xhtml+xml）。此外，XHTML5在語法上也有更嚴格的要求。在XHTML5文件中，HTML5的文件宣告通常是可以省略的。而且我們還可以通過這種擴充套件，對HTML5頁面使用某些基於XML的技術，例如SVG和MathML。

CSS3
新版CSS的引入，更是進一步保證了我們在模組釋出方面的靈活性。CSS3的新特性所涵蓋的範圍非常廣，主要包括：

  • 選擇器選擇元素的方式將更為具體，包括對屬性與屬性值的匹配能力、用於結構化元素的偽類、用於URL類標籤的偽類、用於選擇類元素標籤（例如radio、checkbox等元素）的偽類等。
  • 一些文字效果與佈局樣式，包括連結文字、“空白”符2以及說明性文字等樣式。2
  • 某些用於媒體分頁和內容生成的工具。在媒體分頁方面，它有了更多的選項，例如頁首、頁尾、頁碼、腳註以及交叉引用等。
  • 其多列布局（Multi-Column Layout）屬性為網頁提供多列式佈局的能力。
  • 它還提供了專門用於首字母以及首行的偽類。
  • Ruby模組還提供了為單詞加註下標的能力，這適用於某些亞洲地區的指令碼。


相關文章