《HTML5和CSS3快速參考》——第2章 HTML文法2.1HTML文檔

本節書摘來自異步社群《html5和css3快速參考》一書中的第2章，第2.1節,作者： 【美】sergey mavrody 更多章節内容可以通路雲栖社群“異步社群”公衆号檢視。

基本概念

通常情況下，html文檔指的是一份獨立的html檔案。

html文檔是一份由一定的元素和文本組成的代碼檔案。

html檔案的基本構件是元素（element）。它們以html标簽的形式呈現。

這些元素構成了一個層次分明的嵌套結構。

元素與标簽

通常情況下，元素是由一個開标簽（opening tag，如本例中的

）和一個閉标簽（closing tag，如）組成的，但有時候閉标簽不是必須的。

元素與标簽之間的不同在于，元素是html标簽所要表述的概念，其中包括相關的屬性和子節點标簽。具體元素待我們介紹到第3章、第4章這兩章時再做詳細介紹。

标簽的嵌套

一個标簽通常用一個小于号（<）和一個大于号（>）來表示。

被嵌套的标簽一定完全存在于另一對的内部，兩者不會交叉重疊。

空元素

空元素（void element）通常隻有一個開标簽，不包含任何内容。是以，我們可以選擇将它的終止斜線放在元素标簽末端的大于号前面。當然，這對于非空元素（non-void element）來說是非法的。

屬性

在這個例子中，元素input擁有多個屬性。它們分别為type、autofocus、name。

屬性實際上就是其所在元素的成員屬性。

屬性通常被放置在元素的開标簽中。

标簽名與屬性之間用空格符分隔。

屬性通常由一個類型名和一段文本值組成，之間用等号（=）分隔。

在同一标簽内，屬性是不可重複的。

在html5中，屬性值中如果沒有空格、引号和不等号的話，是可以采用無引号形式的，如type=text；否則就必須給該屬性值加上單引号或雙引号，如'first name'。

布爾屬性

所謂布爾屬性，實際上就是指那些值非false即true的屬性。

如果一個布爾屬性在元素中未被聲明，其預設值就為“false”。

如果一個布爾屬性在元素中被顯式聲明，其預設值就為“true”。

布爾屬性可以引用自身為值，例如

在支援多種語言的html/xhtml文檔中，在給一個值為true的布爾屬性引用自身屬性名指派時，需加上一對引号，例如。

在不支援多語言環境的html文檔中，該值可以直接省略掉，例如< input disabled >。