<html>

  <head>

    <meta charset="UTF-8" />

    <meta name="generator"

    content="HTML Tidy for HTML5 (experimental) for Windows https://github.com/w3c/tidy-html5/tree/c63cc39" />

    <title>header元素</title>

  </head>

  <body>

    <!--之前的写法

    <div class="header"></div>

    <div class="body"></div>

    <div class="footer"></div>-->

    <header>

      <h1>it最新技术</h1>

      <a href="#">百度</a>

      <nav>

        <ul>

          <li>

            <a href="#">学习</a>

          </li>

          <li>

            <a href="#">学习</a>

          </li>

          <li>

            <a href="#">技术</a>

          </li>

          <li>

            <a href="#">博客</a>

          </li>

        </ul>

      </nav>

    </header>

  </body>

</html>

<html>

  <head>

    <meta charset="UTF-8" />

    <meta name="generator"

    content="HTML Tidy for HTML5 (experimental) for Windows https://github.com/w3c/tidy-html5/tree/c63cc39" />

    <title>footer</title>

  </head>

  <body><!--以前的div

    <div class="footer">

      <ul>

        <li>

          <a href="#">版权信息</a>

        </li>

        <li>

          <a href="#">站点地图</a>

        </li>

        <li>

          <a href="#">联系方式</a>

        </li>

      </ul>

    </div>-->

    <footer>      <ul>

        <li>

          <a href="#">版权信息</a>

        </li>

        <li>

          <a href="#">站点地图</a>

        </li>

        <li>

          <a href="#">联系方式</a>

        </li>

      </ul></footer>

      <article><footer>这是一个文章的底部</footer></article>

  </body>

</html>

<html>

  <head>

    <meta charset="UTF-8" />

    <meta name="generator"

    content="HTML Tidy for HTML5 (experimental) for Windows https://github.com/w3c/tidy-html5/tree/c63cc39" />

    <title>hgroup</title>

  </head>

  <body>

    <article>

      <header>

        <hgroup>

          <h1>这是一个标题</h1>

          <h2>这是一个子标题</h2>

        </hgroup>

        <p>

          <time datetime="2016-9.26">2016-9-26</time>

        </p>

      </header>

    </article>

  </body>

</html>

<html>

  <head>

    <meta charset="UTF-8" />

    <meta name="generator"

    content="HTML Tidy for HTML5 (experimental) for Windows https://github.com/w3c/tidy-html5/tree/c63cc39" />

    <title>address</title>

  </head>

  <body>

    <address>

    <a href="#">amy</a>

    <a href="#">jane</a>

    <a href="#">tom</a></address>

    <footer>

      <div>

        <address>

          <a href="#">百度大厦</a>

        </address>

        <time datetime="2016-9-26">2016-9-26</time>

      </div>

    </footer>

  </body>

</html>
<html>

  <head>

    <meta charset="utf-8" />

    <meta name="generator"

    content="HTML Tidy for HTML5 (experimental) for Windows https://github.com/w3c/tidy-html5/tree/c63cc39" />

    <title>网页编排示例</title>

  </head>

  <body>

    <header>

      <h1>网页标题</h1>

      <nav>

        <ul>

          <li>

            <a href="#">首页</a>

          </li>

          <li>

            <a href="#">帮助</a>

          </li>

        </ul>

      </nav>

    </header>

    <article>

      <hgroup>

        <h1>文章主标题</h1>

        <h2>文章副标题</h2>

      </hgroup>

      <p>文章正文</p>

      <section>

        <div>

          <article>

            <h1>评论标题</h1>

            <p>评论正文</p>

          </article>

        </div>

      </section>

    </article>

    <footer>

      <small>版权所有</small>

    </footer>

  </body>

</html>

html5 header和group的更多相关文章

  1. HTML5<header>元素

    HTML5<header>元素 1.header元素描述了文档的头部区域,主要用于定义内容的介绍展示区域. 2.实例: <header> <h2>heder元素描述 ...

  2. 如何让低版本的IE浏览器（IE6/IE7/IE8）支持HTML5 header等新标签

    html5提供的一些新标签(article,aside,dialog,footer,header,section,footer,nav,figure,menu)使用起来非常的方便,但是低版本的IE浏览 ...

  3. DevExpress CxGrid 隐藏 Drag a column header to group by that column

  4. HTML5入门以及新标签

    HTML5 学习总结(一)--HTML5入门与新增标签   目录 一.HTML5概要 1.1.为什么需要HTML5 1.2.什么是HTML5 1.3.HTML5现状及浏览器支持 1.4.HTML5特性 ...

  5. HTML5新的标签和属性

    <article>标签定义外部的内容.比如来自一个外部的新闻提供者的一篇新的文章,或者来自 blog 的文本,或者是来自论坛的文本.亦或是来自其他外部源内容. HTML5:<arti ...

  6. html5新增及删除标签

    一.新增标签 有一种划分为,功能性标签[html5新增,如canvas,旧浏览器没有]和语义性标签[如header等只是增强语义,没有新功能].下面按照分几个小类来说. 1.结构标签 新增的结构标签, ...

  7. html5新标签转

    HTML 5 是一个新的网络标准,目标在于取代现有的 HTML 4.01, XHTML 1.0 and DOM Level 2 HTML 标准.它希望能够减少浏览器对于需要插件的丰富性网络应用服务(p ...

  8. Html5新标签解释及用法

    Html5新标签解释及用法 HTML 5 是一个新的网络标准,目标在于取代现有的 HTML 4.01, XHTML 1.0 and DOM Level 2 HTML 标准.它希望能够减少浏览器对于需要 ...

  9. html5基础知识

    html5+css3 html5定义很多简便东西和宽松语法:     文档头:         <!doctype html>     文档编码:         <meta cha ...

随机推荐

  1. Caesar's Legions(三维dp)

    Caesar's Legions Time Limit:2000MS     Memory Limit:262144KB     64bit IO Format:%I64d & %I64u S ...

  2. Unity3d LineRenderer画线

    原地址:http://www.cnblogs.com/88999660/archive/2013/01/21/2869498.html 1.  画多条线 画多条线需要在场景中放置多个GameObjec ...

  3. [BZOJ2423][HAOI2010]最长公共子序列

    [BZOJ2423][HAOI2010]最长公共子序列 试题描述 字符序列的子序列是指从给定字符序列中随意地(不一定连续)去掉若干个字符(可能一个也不去掉)后所形成的字符序列.令给定的字符序列X=“x ...

  4. HDU 1864最大报销额 01背包问题

    B - 最大报销额 Time Limit:1000MS     Memory Limit:32768KB     64bit IO Format:%I64d & %I64u Submit St ...

  5. [ruby on rails] 跟我学之(8)修改数据

    修改views 修改index视图(app/views/posts/index.html.erb),添加编辑链接,如下: <h1>Our blogs</h1> <% @p ...

  6. c# 继承，多态，new /overrid 区别， 引用父类的方法

    好久没碰c#了,偶尔需要制作点小工具.为了一个灵活的架构设计,需要对继承/多态有比较深刻的理解. 不料忘得差不多了,好吧,再来回忆下.直接上代码了,如下: using System; using Sy ...

  7. "int?" 是什么类型？和"int"有何区别

    int?:表示可空类型,就是一种特殊的值类型,它的值可以为null用于给变量设初值得时候,给变量(int类型)赋值为null,而不是0int??:用于判断并赋值,先判断当前变量是否为null,如果是就 ...

  8. HDFS 原理、架构与特性介绍--转载

    原文地址:http://www.uml.org.cn/sjjm/201309044.asp 本文主要讲述 HDFS原理-架构.副本机制.HDFS负载均衡.机架感知.健壮性.文件删除恢复机制 1:当前H ...

  9. RadioButtonList单选和RequiredFieldValidator验证是否选中

    <asp:RadioButtonList ID="Radio2" RepeatDirection="Horizontal" runat="ser ...

  10. spring3.2.8+quartz2.2.0(比较全，对比quartz1.x的配置)

    spring3.2.8 + quartz2.2.0报错: java.lang.IncompatibleClassChangeError: class org.springframework.sched ...