一、HTML 標簽

HTML 標簽(tag or label)其實也叫標記(markup)，是由一對尖括號 <> 及標簽名組成的。是用來描述網頁的，標簽分為“起始標簽”和“結束標簽”兩種，兩者的標簽名稱是相同的，只是結束標簽多了一個正斜杠“/”。所以標簽就是尖括號+標簽名，不包含起止標簽所包裹的內容。

二、HTML 元素

HTML 文檔是由各種 HTML 元素組成的，如 html 元素(HTML 文檔根元素)、head(HTML 頭部)元素、body(HTML 主體)元素、title(HTML 標題)元素和 p(段落)元素等，這些元素都是通過尖括號“<>”組成的標簽形式來表現的。一般來說，“起始標簽”表示元素的開始，“結束標簽”表示元素的結束，所以元素是起止標簽+標簽所包含的內容

HTML 元素分為“有內容的元素”和“空元素”兩種。“有內容的元素”是由起始標簽、結束標簽以及兩者之間的元素內容組成的，其中元素內容既可以是需要顯示在網頁中的文字內容，也可以是其它元素。“空元素”只有起始標簽而沒有結束標簽，也沒有元素內容，如br表示換行。

所以在html文檔中我們的標簽又可以稱之為元素。

三、HTML 節(jié)點

加載 HTML 頁面時，web 瀏覽器生成一個樹型結構，用來表示頁面內部結構，稱之為 DOM 樹，DOM 將這種樹型結構理解為由節(jié)點組成。

DOM 可以將任何 HTML 文檔描繪成一個由多層節(jié)點構成的結構。節(jié)點分為幾種不同的類

型，每種類型分別表示文檔中不同的信息及(或)標記。每個節(jié)點都擁有各自的特點、數據和方法，另外也與其他節(jié)點存在某種關系。節(jié)點之間的關系構成了層次，而所有頁面標記則表現為一個以特定節(jié)點 為根節(jié)點的樹形結構。

例如上圖就是將一個基本的html文檔解析成DOM樹的結構

可以看出對于節(jié)點它包括的不僅僅是我們的標簽，對于屬性也會解析為一個節(jié)點。實際上節(jié)點類型總共有12種，但我們經常操作的也就只有固定的幾類，例如：

(1) 文檔節(jié)點，表示的是整個 html文檔

(2) 標簽節(jié)點，表示的是 html 中的標簽，就是標簽及其所包含的內容

(3) 屬性節(jié)點，表示的是 html 標簽中的屬性，如class屬性

(4) 文本節(jié)點，表示的是 html 標簽中的內容文本、空格 回車等，

(5) 注釋節(jié)點，表示的是 html 文檔中的注釋

通俗點來說就是節(jié)點不僅僅是標簽，還包括著其他的內容，但一般我們一會把標簽稱之為節(jié)點。