article元素

article元素代表文档，页面或应用程序中独立的完整的，可以独立被外部引用的内容。它可以是一篇博客或者报刊中的文章，一篇论坛帖子，一段用户评论或独立的插件，或者其他任何独立的内容。article元素是可以嵌套使用的。

article元素可以用来表示插件。

section元素

section元素用于对网站或应用程序中页面上的内容进行分块，一个section元素通常由内容及其标题组成，但section元素并非一个普通的内容元素，当一个容器需要被直接定义样式或通过脚本定义行为时，推荐使用div而非section元素。

section元素使用总结：

1.不要将section元素作为设置样式的页面容器（因为那是div的工作）

2.如果article元素和section和

节点操作：

        一般的，节点至少拥有nodeType（节点类型）、nodeName（节点名称）和nodeValue(节点值)这三个基本属性。

    元素节点 nodeType  为1

    属性节点 nodeType  为2

    文本节点 nodeType  为3

  为我们实际开发中，节点操作主要操作的是元素的节点。

父节点：parentNode

子节点：1. childNodes(包含所有的子点、元素节点、文本节等等)

              2.children(非标准——获取所有的子元素节点，也是我们实际开发常用的。)

                    以下这两个方法有兼容性问题，IE9以上支持。

        a.firstElementChild(返回第一个子元素节点，找不到则返回null。)

        b.lastElementChild（返回最后一个子元素节点，找不到则返回null。）

                    以下方法有没有兼容性问题，建议开发使用。

a.console.log(ol.children[0]);(找到第一个子元素节点

b.console.log(ol.children[ol.children.length - 1]);(找到最后一个子元素节点)