<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. 在VMware上面安装Solaris 10

    导读 Oracle Solaris 11 是世界上最先进的企业操作系统,提供安全.速度.简单的企业云环境和DevOps.在这篇文章中我们将使用Solaris 10版本,但您可以按照同样的步骤,来安装刚 ...

  2. C++模板常用使用方法介绍

    转载:http://developer.51cto.com/art/201002/182202.htm C++编程语言中的模板应用在一定程度上大大提高了程序开发的效率.我们在这篇文章中为大家详细讲解一 ...

  3. php用soap创建webservice

    php提供了一个专门用于soap操作的扩展库,使用该扩展库后 可以直接在php中进行soap操作.下面将介绍soap的基本操作. 一.soap扩展的使用方法 php的soap扩展库通过soap协议实现 ...

  4. Tushare的安装

    TuShare是一个免费.开源的python财经数据接口包.主要实现对股票等金融数据从数据采集.清洗加工到数据存储的过程,能够为金融分析人员提供快速.整洁.和多样的便于分析的数据. 考虑到python ...

  5. BestCoder Round #60 题解链接

    题解  题目 1001 GT and sequence 注意先特判000的情况:如果读入的数据有000,那么去掉所有的000且最后答案和000取一个max. 剩下的正数显然全部乘起来比较优. 对于负数 ...

  6. JS的trim()方法

    去除字符串左右两端的空格,在vbscript里面可以轻松地使用 trim.ltrim 或 rtrim,但在js中却没有这3个内置方法,需要手工编写.下面的实现方法是用到了正则表达式,效率不错,并把这三 ...

  7. thinkphp 前台html调用函数 格式化输出

    仅仅是输出变量并不能满足模板输出的需要,内置模板引擎支持对模板变量使用调节器和格式化功能,其实也就是提供函数支持,并支持多个函数同时使用.用于模板标签的函数可以是PHP内置函数或者是用户自定义函数,和 ...

  8. 【云计算】Docker云平台—Docker进阶

    Docker云平台系列共三讲,此为第二讲:Docker进阶 参考资料: 五个Docker监控工具的对比:http://www.open-open.com/lib/view/open1433897177 ...

  9. soem函数库的编译

    D:/并条机/soem/soem-master/doc/html/files.htm https://github.com/smits/soem https://github.com/OpenEthe ...

  10. 基于cocoStudio的UIListView的可以左右滑动翻页的ListView

    //WidgetSlideListView.h class WidgetEaseInListView : public cocos2d::gui::UIListView { public: stati ...