容器元素是相当重要的一个元素，它是一个没用的元素，但它最有用的地方就在于它毫无作用，我们可以用它存放各种元素，从名字也可以看出，它本身代表的就是一个容器，没有任何语义化的地方，它可以代表网页中任何一块区域，容器元素是开发中用的最多的元素。

容器最常用的也就是给网页划分区域，为此 HTML5 也提供了一些语义化标签，什么叫划分区域呢，比如一个网页可能分为导航栏，内容两个区域，这两个区域就可以分为两个容器，而内容这里可能又有很多区域，比如侧边栏，正文，目录，这些又可以划分三个区域，用三个容器来装。

div 元素

div 元素是一个毫无语义的元素，单纯就是一个容器，里面可以装很多东西，他只能表示这是一个区域，仅此而，浏览器也不会给 div 加上什么默认样式。

这个 div 非常好用，但是这个元素语义化不太够，因为在浏览器的视角来看，这里只是一个 div，只是一个区域，浏览器并不知道这个 div 具体表示的是什么，为了让网页区域也具有语义性，HTML5 提供了专门用于划分区域的语义化元素。

语义化容器

• header 元素：用于表示页头区域，或者表示文章的头部
• footer 元素：用于表示页脚，也可以用于表示文章的尾部
• article 元素：用于表示整篇文章
• section 元素：通常用于表示文章的一个章节
• aside 元素：通常用于表示附加信息，比如侧边栏

以上元素只是附带语义化的 div 元素，本质上和 div 没有区别，也就是说不管是什么，你无脑用 div 也是可以的，只不过用上以上这些元素语义化更好。