<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. [Effective JavaScript 笔记]第33条：使构造函数与new操作符无关

    当使用函数作为一个构造函数时,程序依赖于调用者是否记得使用new操作符来调用该构造函数.注意:该函数假设接收者是一个全新的对象. 一个例子 function User(name,pwd){ this. ...

  2. Unity3d Static 静态批处理和动态批处理

    表示物体时静态的,多用于静止不动的物体,此外static有多种,有的用于烘焙,有的用于遮挡剔除 物理效果是rigidbody组件,和这个没关系,用transform.Translate 无法移动,因为 ...

  3. ajax页面排序的序号问题

    文章是从我的个人博客上粘贴过来的, 大家也可以访问我的主页 www.iwangzheng.com 目前使用的ajax排序是这样的. 每个table , 都要这样声明 ( table 中必须有2个属性: ...

  4. poj1125最短路

    Stockbroker Grapevine Time Limit: 1000MS   Memory Limit: 10000K Total Submissions: 30408   Accepted: ...

  5. python-twisted系列(1)

    前言: 这不是一个入门教程.而是知识点的梳理. 开胃图: 这是一个TCP server的“交互图”. reactor 它是Twisted事件处理的核心.包括一些处理网络通讯,线程和事件分派的接口. 一 ...

  6. css行内样式

    <title>归园田居</title> </head> <body> <h2>归园田居</h2> <p>种豆南山下, ...

  7. iOS 使用Storyboard 和 xib时的一些知识

    以前不太使用xib和storyboard进行布局,后来在工作中参与到了一个项目的维护工作,那个项目就是使用stroyboard的,再加上xcode5对stroyboard的大力支持,就在这里对于使用s ...

  8. 【python】队列

    来源:http://www.cnblogs.com/yupeng/p/3413852.html 关于队列 >>> from collections import deque > ...

  9. Google map测量工具

    启用Google map的测量工具,测量图上的距离. 打开Google map,左下角看到Google 地图实验室,点开,然后enable相应功能即可. 通过Google map lab还能使我们能够 ...

  10. python基础——使用list和tuple

    python基础——使用list和tuple list Python内置的一种数据类型是列表:list.list是一种有序的集合,可以随时添加和删除其中的元素. 比如,列出班里所有同学的名字,就可以用 ...