• 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>

  • 相关阅读:
    C语言编程题目(5)单字符的位处理 数据加密
    C语言编程题目(4)文件高级应用与字符串高级操作
    C语言编程题目(3)文件类型操作
    C语言编程题目(2)基本数据类型操作
    个人总结
    第十六周进度条
    十五周进度条
    《人月神话》阅读笔记03
    《人月神话》阅读笔记02
    第十四周进度条
  • 原文地址:https://www.cnblogs.com/yanyanstyle/p/11269384.html
Copyright © 2020-2023  润新知