dom总结

Posted 2020-09-15

dom文档对象模型它是针对xml经过扩展用于html应用程序编程接口，又叫apl。

OM1级主要定义了HTML和XML文档的底层结构。在DOM1中，DOM由两个模块组成：DOM Core（DOM核心）和DOM HTML。其中，DOM Core规定了基于XML的文档结构标准，通过这个标准简化了对文档中任意部分的访问和操作。DOM HTML则在DOM核心的基础上加以扩展，添加了针对HTML的对象和方法，如：javascript中的Document对象. DOM2级在原来DOM的基础上又扩充了鼠标、用户界面事件、范围、遍历等细分模块，而且通过对象接口增加了对CSS的支持。DOM1级中的DOM核心模块也经过扩展开始支持XML命名空间。在DOM2中引入了下列模块，在模块包含了众多新类型和新接口： DOM视图（DOM Views）：定义了跟踪不同文档视图的接口 DOM事件（DOM Events）：定义了事件和事件处理的接口 DOM样式（DOM Style）：定义了基于CSS为元素应用样式的接口 DOM遍历和范围（DOM Traversal and Range）：定义了遍历和操作文档树的接口 DOM3进一步扩展了DOM，在DOM3中引入了以下模块： DOM加载和保存模块（DOM Load and Save）：引入了以统一方式加载和保存文档的方法 DOM验证模块（DOM Validation）：定义了验证文档的方法 DOM核心的扩展（DOM Style）：支持XML 1.0规范，涉及XML Infoset、XPath和XML Base

专注的领域不同，选择不同： HTML（超文本标记语言）用来显示数据，不能解释影音文件和化学公式等，不利于扩展
XML（可扩展标记语言）用来描述数据，什么是数据，如何存放数据 XHTML（早期 HTML与xml合并作用）

■ 元素节点， > 拥有子节点和文本，是唯一能拥有属性的节点类型
■ 属性节点， > 元素中的属性，是附属于元素的，是包含他的元素节点的一部分，不属于文档树的一部分
■ 文本节点， > 只包含文本内容(可以只包含空白)的节点，在xml中称为字符数据；
> 在文档树中元素的文本内容和属性的文本内容都是由文本节点表示的
> 某个节点的空白区域，也是属于文本节点
■ 注释节点： > 表示注释的内容
■ 文档节点： > 文档树的根节点，是其他节点的父节点； > 注意不是html或者xml的根元素。根元素是作为文档节点的子节点出现的
> 整个代码之上看做是文档节点
■ 文档类型节点： 例;
■ 文档片段节点： > 文档片段是轻量级的或者是最小的Document 对象，他表示文档的一部分或者是一段，他不属于文档树； > 他的特殊行为：占位符，暂时存放一次插入文档的节点，同时有利于剪贴复制操作 块级元素一般用来搭建网站架构、布局、承载内容 内联元素一般用来在网站内容中的某些细节或者部位，用以“强调、区分样式、上标、下标、锚点”等等。 它们可以互相转换。display:inline|block 块级元素的特点：每一个块级元素都识从一个新行开始显示，其后的元素需要另起一行。

不按嵌套规则书写，浏览器就不会正确解析，会将不符合嵌套规则的节点放到目标节点的下面，或者 变成纯文本。
嵌套规则：

1.块级元素可以包含内联元素或某些块级元素，但内联元素不能包含块级元素，它只能包含其它内联元素。

2.块级元素不能放在p里面。

3.有几个特殊的块级元素只能包含内联元素，不能包含块级元素。如h1,h2,h3,h4,h5,h6,p,dt 4.li内可以包含div 5.块级元素与块级元素并列、内联元素与内联元素并列。

错误的：<pre><div><h2></h2><span></span></div> </pre>