HTML5&CSS3

第十节:容器元素&包含关系

2020-04-09  本文已影响0人  EndPein

容器元素

容器元素:该元素代表一个块区域,内部用于放置其他元素
容器就是用来划分区域的
从大到小

div元素

没有语义

语义化容器元素

header:通常用于表示页头,也可以用于表示文章的头部
footer:通常用于表示页脚,也可以用于表示文章的尾部
article:通常用于表示整篇文章
section:通常用语表示文章的章节
aside:通常用于表示侧边栏(附加信息等)

元素包含关系

以前:块级元素可以包含行级元素,行级元素不可以包含块级元素,a元素除外
元素的包含关系由元素的内容类别决定。
例如:查看h1元素中是否可以包含p元素。
可以在mdn上进行完整的查阅 各元素的允许的内容
总结:
1、容器元素中可以包含任何元素
2、a元素中几乎可以包含任何元素
3、某些元素有固定的子元素(ul>li\ol>li等)
4、标题元素和段落元素不能相互嵌套,并且不能包含容器元素

上一篇下一篇

猜你喜欢

热点阅读