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>

  • 相关阅读:
    POJ--2112--Optimal Milking【Floyd+Dinic+二分答案】
    HTML5之WEB Storage
    java多线程具体总结
    CSU 1541 There is No Alternative (最小生成树+枚举)
    Blade
    数据模型封装演示样例
    Java中接口和抽象类的比較
    句子逆序
    王立平--split字符串切割
    UVA 12538 Version Controlled IDE 解题报告
  • 原文地址:https://www.cnblogs.com/yanyanstyle/p/11269384.html
Copyright © 2011-2022 走看看