zoukankan      html  css  js  c++  java
  • 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>

  • 相关阅读:
    毕业五年后的差距
    基于jsonlib.jar包Json程序 实战篇
    Hashtable
    [转]浏览器是怎样工作的:渲染引擎,HTML解析
    Web.config之连接字介绍
    jQuery选择器全解【转】
    JavaScript document属性和方法
    zoj 2316 Matrix Multiplication 夜
    zoj 2318 Get Out! 夜
    hdu 3666 THE MATRIX PROBLEM 夜
  • 原文地址:https://www.cnblogs.com/yanyanstyle/p/11269384.html
Copyright © 2011-2022 走看看