html5新增的布局标签

Posted 2020-07-25

article 表示一篇任何形式的文章。即新闻报道、论坛帖子或博客文章(标题、时间、作者等与文章息息相关的信息)

aside 独立于页面主体的一个完整的内容块。例如，附注栏，其中包含与主体文章相关的内容或链接

figure、figcaption 表示一幅插图。figcaption为标注图题，figure标注figcaption和插入图片的img。图片和图题是关联的

footer 表示页面底部的页脚。html5规范规定，只能包括版权声明、简单的链接等。当页脚很庞大时，应该用div之类的元素包含，然后footer只包含一段版权

header 增强类标题，可以包含HTML标题和其他内容。其他内容是标志、作者署名等一块标题信息。此标签比footer的使用范围更广

nav 表示页面中重要的一组链接。通常只有一个，不过也可以包含多个nav

section 表示文档中的一个区块，或者一组文档。其内容开始于一个标题，在article和aside不适用的时候使用

main 表示页面中的主题。一个页面只有一个，通常用来包含article，隔离页眉、页脚和侧边栏