标签

166 阅读1分钟

1、header 头部标签

展现介绍性信息。通常包含一组介绍性或是辅助导航的元素,如标题,Logo,搜索框、作者名称等。

2、nav 导航标签

在当前文档或其它文档中提供导航链接,如菜单、目录、索引等。

用来放置一些热门的链接,不常用的链接通常放到footer里置于底部。

3、article 内容标签

独立的文档、页面、应用、站点。可独立分配或可复用的结构,如论坛帖子、新闻文章、博客、用户提交的评论、交互式组件等。

4、section 块级标签

块级标签按主题将内容分组,通常会有标题。通常出现在文档的大纲中。

5、aside 侧边栏标签

侧边栏标签表示一个和其余页面内容几乎无关的部分,或者说单独拆出来不会影响整体的内容。通常放在侧边栏,用于展示广告、tips、引用内容等。

6、footer 尾部标签

尾部标签表示最近一个章节的页脚。footer内的元素不属于章节内容,不包含在大纲中

    <section class="box">
      <header>头部</header>
      <div class="ys">
        <nav>导航栏</nav>
        <section class="clear">
          <aside class="fl">
              <span>侧边栏</span>
          </aside>
          <article class="fl">
            <span>正文</span>
          </article>
        </section>
      </div>
      <footer>尾部</footer>
    </div>
  </body>