節點類型 數值常量 字符常量
Element(元素節點) 1 ELEMENT_NODE
Attr(屬性節點) 2 ATTRIBUTE_NODE
Text(文本節點) 3 TEXT_NODE
Comment(注釋節點) 8 COMMENT_NODE
Document(文檔節點) 9 DOCUMENT_NODE
DocumentType(文檔類型節點) 10 DOCUMENT_TYPE_NODE
DocumentFragment(文檔片段節點) 11 DOCUMENT_FRAGMENT_NODE
節點類型 nodeName nodeValue
Element(元素節點) 元素的標簽名(DIV) null
Attr(屬性節點) 屬性的名稱(id) 屬性的值(container)
Text(文本節點) #text 節點所包含的文本
Comment(注釋節點) #comment 注釋的內容
DocumentType(文檔類型節點) doctype的名稱(html) null
DocumentFragment(文檔片段節點) #document-fragment null
常見的塊元素:address, blockquote, dir, div, dl, dt, dd, form, h1~h6, ol, p, pre, table, ul
常見的內聯元素:a, abbr, b, br, em, i, img, input, label, select, small, span, strong, textarea
塊元素與內聯元素嵌套規則
(1) 塊元素可以包含內聯元素或某些塊元素,但內聯元素卻不能包含塊元素,它只能包含其他的內聯元素
(2) 塊元素不能放在<p>里面
錯誤做法:
<p><ol><li></li></ol></p>
<p><div></div></p>
(3) 有幾個特殊的塊級元素只能包含內聯元素,不能再包含塊級元素,這幾個特殊的標簽是:
h1, h2, h3, h4, h5, h6, p, dt
(4) li內可以包含div標簽
<li><div></div></li>
(5) 塊元素和塊元素并列,內聯元素和內聯元素并列
正確:
<div><h2></h2><p></p></div>
錯誤:
<div><h2></h2><span></span></div>