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>

  • 相关阅读:
    第五周项目4-静态成员应用
    第五周项目3-用多文件组织多个类的程序
    python的wraps函数
    python函数加括号于不加括号的区别
    socket.error: [Errno 10048]
    tensorflow的MNIST教程
    cidr地址段
    mongodb数据库的存储问题
    搭建巡风扫描器
    mongodb的数据库,集合,数据可介绍。
  • 原文地址:https://www.cnblogs.com/yanyanstyle/p/11269384.html
Copyright © 2011-2022 走看看