zoukankan      html  css  js  c++  java
  • html5中新增非主体结构元素

    1.header元素

       定义HTML文档的页眉,是一种具有引导和导航作用的结构元素    

    1 <header>
    2   <h1>header元素</h1>
    3   <nav>
    4      <ul>
    5         <li><a href="www.baidu.com">主页</a></li>
    6         <li><a href="www.baidu.com">baidu</a></li>
    7      </ul>
    8   </nav>
    9 </header>

       显示结果:  

    2.hgroup元素

      用于对header元素标题及其子标题进行分组。属于header元素时,我们通常会嵌入一个heading元素

     1 <!DOCTYPE HTML>
     2 <html>
     3 <body>
     4 <head>
     5 <hgroup>
     6 <h1>Welcome to my WWF</h1>
     7 <h2>For a living planet</h2>
     8 </hgroup>
     9 </head>
    10 <p>The rest of the content...</p>
    11 
    12 </body>
    13 </html>

                    显示

    3.footer元素

       定义元素的脚本,这个元素可以是article元素或者section元素

     1 <article>
     2   <header>
     3        <h1>文章标题</h1>
     4   </header>
     5   <section>
     6        <header>段落标题</header>
     7        <p>段落标题</p>
     8        <footer>段落脚注</footer>
     9   </section>
    10   <footer>文章脚注</footer>
    11 </article>

    显示:

    4.address元素

       定义文档作者或者拥有着的联系信息,包括文档作者或文档维护者的姓名、网站、电子邮件等

    1 <footer>
    2    <address>
    3       <ul>
    4          <li>联系地址:。。。。。。。</li>
    5          <li>电子邮件:。。。。。。。</li>
    6          <li>联系电话:。。。。。。。</li>
    7       </ul>
    8    </address>
    9 </footer>

    显示:

       

  • 相关阅读:
    sql.srcipt
    sowmodaldialog
    4) 删除虚拟应用程序
    JavaScript读写Cookies
    第5章 脚本运行期库对象
    npm serve md 工具 [MD]
    cleanmark 清除格式 博客内容提取 [MD]
    Hex编码 十六进制编码
    Windows Server AppFabric(Codename:"Dublin&Velocity")介绍
    WF4设计器模型:编辑范围ModelEditingScope
  • 原文地址:https://www.cnblogs.com/sunli0205/p/6237834.html
Copyright © 2011-2022 走看看