HTML 新增的非主体结构元素

1 header元素

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

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

应用:

代码:

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

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

效果:

扫描二维码关注公众号,回复: 6902947 查看本文章

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>

猜你喜欢

转载自www.cnblogs.com/yanyanstyle/p/11269384.html