<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. linux下搭建Nginx

    Linux上搭建nginx,及简单配置  在上家公司都是运维安装nginx,到新公司后代码开发完成部署测试服务器要求自己装nginx,研究了好久安装好之后,到正式上线还要自己安装,索性把安装步骤自己记 ...

  2. Windows下Cygwin添加右键菜单

    在http://herry2013git.blog.163.com/blog/static/2195680112013437139447/看到一篇文章,将Cypwin加入右键菜单,方便使用. 为了更傻 ...

  3. SQL面试积累

    以下题目都在MySQL上测试可行,有疏漏或有更优化的解决方法的话欢迎大家提出,我会持续更新的:) 有三个表,如果学生缺考,那么在成绩表中就不存在这个学生的这门课程成绩的记录,写一段SQL语句,检索出每 ...

  4. ssh面试题

    ssh面试题  创建时间: 2015-8-12 22:37 来源: http://wenku.baidu.com/link?url=cw1B46f98hAde0kmr3J-wv7PpklZJRmf6I ...

  5. win7/ubuntu双系统下，如何恢复成win7引导及卸载ubuntu

    电脑原来是win7系统,后来通过硬盘安装了Ubuntu,同时把Ubuntu设置成了开机引导项(开机时选择操作系统的界面成了紫色背景白色字体的界面),ubuntu引导开机的缺点是将来要卸载Ubuntu时 ...

  6. petri网学习心得

    本文转载自duxw,如给您带来不便之处,请联系博主. 1.Petri网书籍:<petri网导论>,吴哲辉 非常适合初学者.概念清晰,容易理解. 2.工作流书籍:<Workflow M ...

  7. 更改SharePoint 2010 顶部导航为下拉菜单样式

      更改SharePoint 2010 顶部导航为下拉菜单样式 最后的效果图: 假如一个网站集顶级站点下面有子网站:sub site1,该子站点下面又有两个子站点:sub site1_1,sub si ...

  8. Greedy:Saruman's Army（POJ 3069）

    2015-09-06 萨鲁曼军队 问题大意:萨鲁曼白想要让他的军队从sengard到Helm’s Deep,为了跟踪他的军队,他在军队中放置了魔法石(军队是一条线),魔法石可以看到前后距离为R的距离, ...

  9. google maps js v3 api教程(3) -- 创建infowindow

    原文地址 前面我们学习了地图和标记的创建.那么今天我们来学习怎样在地图上显示一个窗口(infowindow) infowindow构造函数为:InfoWindow(opts?:InfoWindowOp ...

  10. JS操作DOM

    [功能:点击按钮显示表单] <html> <head> <meta http-equiv="Content-Type" content="t ...