HTML5中新增的主体结构元素
FLowUs邀请链接:https://flowus.cn/login?code=AXNU63
FlowUs邀请码:AXNU63
article元素
article元素代表文档、页面或应用程序中独立的、完整的、可以独自被外部引用的内容。
它可以使一篇博客或者报刊中的文章,一篇论坛帖子、一段用户评论或独立的插件,或其他任何独立的内容。
article元素是可以嵌套使用的。(内层的article原则上要与外层的article内容相关联)
article元素可以用来表示插件。(使插件看起来像是页面中一样)
举个例子:
<article>
<header>
<h1>标题</h1>
<p>这是头部</p>
</header>
<p>Hello</p>
<footer>
<p>这是底部</p>
</footer>
</article>
aside元素
aside元素用来表示当前页面或文章的附属信息部分,它可以包含于当前页面或主要内容相关的引用、侧边栏、广告、导航条,以及其他类似的有区别于主要内容的部分。
- 包含在article中,作为主要部分的附属信息
nav元素
nav元素是一个可以用作页面导航的连接组,其中的导航元素链接到其他页面或当前页面的其他部分。
并不是所有的连接组都要被放进nav元素,只需要将主要的、基本的连接组放进nav元素即可。
nav的应用场景:
- 传统导航条
- 侧边栏导航
- 页内导航
- 翻页操作
section元素
section元素用于对网站或应用程序中页面上的内容进行分块。
一个section元素通常由内容及其标题组成。
但section元素并非一个普通的容器元素;当一个容器需要被指定定义样式或通过脚本定义行为时,推荐使用div而非section元素。
通常不推荐内有标题内容使用section元素
不要与article元素混淆