码迷,mamicode.com
首页 > Web开发 > 详细

HTML5中新增的主体结构元素

时间:2019-11-28 13:09:34      阅读:112      评论:0      收藏:0      [点我收藏+]

标签:html   结构   footer   标题   asi   code   底部   header   引用   

article元素

article元素代表文档、页面或应用程序中独立的、完整的、可以独自被外部引用的内容。
它可以使一篇博客或者报刊中的文章,一篇论坛帖子、一段用户评论或独立的插件,或其他任何独立的内容。

article元素是可以嵌套使用的。(内层的article原则上要与外层的article内容相关联)

article元素可以用来表示插件。(使插件看起来像是页面中一样)

举个例子:

<article>
    <header>
        <h1>标题</h1>
        <p>这是头部</p>
    </header>
    <p>Hello</p>
    <footer>
        <p>这是底部</p>
    </footer>
</article>

aside元素

aside元素用来表示当前页面或文章的附属信息部分,它可以包含于当前页面或主要内容相关的引用、侧边栏、广告、导航条,以及其他类似的有区别于主要内容的部分。

  1. 包含在article中,作为主要部分的附属信息

nav元素是一个可以用作页面导航的连接组,其中的导航元素链接到其他页面或当前页面的其他部分。
并不是所有的连接组都要被放进nav元素,只需要将主要的、基本的连接组放进nav元素即可。

nav的应用场景:

  • 传统导航条
  • 侧边栏导航
  • 页内导航
  • 翻页操作

HTML5中新增的主体结构元素

标签:html   结构   footer   标题   asi   code   底部   header   引用   

原文地址:https://www.cnblogs.com/wbyixx/p/11946131.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!