HTML 新增的非主体结构元素

1 header元素

 

概念:是一种具有引导和导航作用的结构元素

          需要强调的一点是,一个网页中并未限制header的个数,可以拥有多个。

 

应用:

代码:

<body>
<header>
网页标题
</header>

<article>
<header>
<h1>文章标题</h1>
</header>
<p>文章正文</p>
</article>
</body>

 

效果:

2 hgroup元素

概念:是将标题与子标题进行进行分组的元素

 

应用:通常,如果文章只有一个主标题是不需要用hgroup元素的,但是,如果文章有主标题,其下有子标题,就需要用了

 

代码:

<article>

    <header>

            <hgroup>

                     <h1>文章主标题</h1>

                     <h2>文章子标题</h2>

           </hgroup>

    </header>

    <p>文章正文</p>

</article>

 

3 footer元素

 

概念:可以作为其上层父级内容区块

 

应用:

<footer>

    <ul>

         <li>版权信息</li>

         <li>联系方式</li>

    </ul>

</footer>

 

在article元素中添加footer元素

<article>

     文章内容

      <footer>

             文章的脚注

      </footer>

</article>

 

在section元素中添加footer元素

<section>

     分段内容

      <footer>

             分段内容的脚注

      </footer>

</section>

posted on 2019-07-30 13:01  死磕&到底  阅读(131)  评论(0编辑  收藏  举报

导航