节点类型 数值常量 字符常量
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>