HTML核心之容器元素

容器元素

容器元素: 该元素代表一个块区域,内部用于放置其他元素.

div元素

没有语义,常用来包裹其他元素,方便统一管理

语义化容器元素

1. header: 通常用于表示页头,也可以表示文章头部
2. footer: 通常用于表示页脚,也可以表示文章的尾部
3. article: 通常用于表示整篇文章
4. section: 通常用于表示文章的章节
5. aside: 通常用于表示一些附加信息(侧边栏)
   
   上述例子中容器元素都可以用div代替

元素的包含关系

以前: 块级元素可以包含行级元素,行级元素不可以包含块级元素,a元素除外

现在:元素的包含关系由元素的内容类别决定

总结:

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