从零开始学前端（HTML篇）：8、容器元素及元素包含关系

容器元素

容器元素：该元素代表一个块区域，内部用于放置其它元素

语义化容器元素

1. header:通常用于表示页头，也可以用于表示文章的头部。
2. footer:通常用于表示页脚，也可以用于表示文章的尾部。
3. article:通常用于表示整篇文章。
4. section：通常用于表示文章的章节。
5. aside：通常用于表示侧边栏。
6. nav:通常用于表示导航菜单

div元素

没有语义，移到不能运用以上语义化元素是，都可以用div

元素包含关系

以前：块级元素可以包含行级元素，行级元素不能包含块级元素，a元素除外。
现在：元素的包含关系由元素的内容类别决定。

总结：

1. 容器元素中可以包含任何元素
2. a元素中几乎可以包含任何元素
3. 某些元素有固定的子元素（例如：ul>li,ol>li,dl>dt+dd）
4. 标题元素和段落元素不能相互嵌套，并且不能包含容器元素。