（5）复制：cloneNode() 用于复制节点， 接受一个布尔值参数， true 表示深复制（复制节点及其所有子节点）， false 表示浅复制（复制节点本身，不复制子节点）
（6）移动：获取DOM元素，用使用css3 transform:translate(X,Y)来偏移元素
null： Null类型，代表“空值”，代表一个空对象指针，使用typeof运算得到 “object”，所以你可以认为它是一个特殊的对象值。
undefined： Undefined类型，当一个声明了一个变量未初始化时，得到的就是undefined。
一般我们都建议使用link标签，慎用@import方式。是因为避免产生资源文件下载顺序混乱和http请求过多的烦恼。
区别：
1、@import是 CSS 提供的语法规则，只有导入样式表的作用；link是HTML提供的标签，不仅可以加载 CSS 文件，还可以定义 RSS、rel 连接属性等。
2、加载页面时，link标签引入的 CSS 被同时加载；@import引入的 CSS 将在页面加载完毕后被加载。
3、可以通过 JS 操作 DOM ，插入link标签来改变样式；由于 DOM 方法是基于文档的，无法使用@import的方式插入样式。
4、@import是 CSS2.1 才有的语法，故只可在 IE5+ 才能识别；link标签作为 HTML 元素，不存在兼容性问题。（当然现在可能已经不存在IE5以下的浏览器了）
1、标准模式的排版 和JS运作模式都是以该浏览器支持的最高标准运行。在兼容模式中，页面以宽松的向后兼容的方式显示,模拟老式浏览器的行为以防止站点无法工作。
1、使用空标签清除浮动clear:both。（不推荐）
2、父级div定义overflow:hidden（必须定义width或zoom:1，同时不能定义height）（不推荐）
3、父级div定义伪类:after（*zoom：1(IE转有属性)可解决ie6,ie7浮动问题，，定义在父元素上）（推荐）
4、父级div定义height（只适合高度固定的布局）（不推荐）
5、父级div定义overflow:auto（内部宽高超过父级div时，会出现滚动条。）（不推荐）
所以比较好的是第三种！
box-sizing 属性允许以特定的方式定义匹配某个区域的特定元素。例如，假如需要并排放置两个带边框的框，可通过将 box-sizing 设置为 "border-box"。这可令浏览器呈现出带有指定宽度和高度的框，并把边框和内边距放入框中。
常用属性：
1、content-box（宽度和高度分别应用到元素的内容框。在宽度和高度之外绘制元素的内边距和边框）
2、border-box（为元素设定的宽度和高度决定了元素的边框盒。就是说，为元素指定的任何内边距和边框都将在已设定的宽度和高度内进行绘制。通过从已设定的宽度和高度分别减去边框和内边距才能得到内容的宽度和高度）
3、inherit（规定应从父元素继承 box-sizing 属性的值）
HTML 4.01 中的 doctype 需要对 DTD 进行引用，因为 HTML 4.01 基于 SGML。而 HTML 5 不基于 SGML，因此不需要对 DTD 进行引用，但是需要 doctype 来规范浏览器的行为。其中，SGML是标准通用标记语言,简单的说，就是比HTML,XML更老的标准，这两者都是由SGML发展而来的，而HTML5不是的。
主要分成两个部分：渲染引擎和JS引擎。
渲染引擎：负责取得网页的内容(html,xml和图像等)，整理讯息(例如假如css)，以及计算网页的显示方式，然后输出到显示器或打印机。浏览器的内核的不同对于网页的语法解释会有不同，所以渲染的效果也不同。所有网页浏览器、电子邮件客户端以及它需要编辑、显示网络内容的应用程序都需要内核。