<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. Protocol Buffers介绍

    基本概念 Protocol Buffers(以下简称PB)是一种独立于语言.独立于开发平台.可扩展的序列化数据结构框架,它常常被用在通信.数据序列化保存等方面. PB是一种敏捷.高效.自动化的用于对数 ...

  2. XSS的DOS攻击之 server limit dos

    墨西哥同学周末很郁闷的在宾馆上网,发现youtube被ban了,于是写个了tool解决这个问题.顺带想到了一种利用 google 统计的漏洞,写在这里了 http://sirdarckcat.blog ...

  3. XSS攻击：获取浏览器记住的明文密码

    作者:余弦(@evilcos) 0x01. XSS获取明文密码的多种方式 我已经感受到Web潮流带来的巨大革新,尤其是最近HTML5越来越火.浏览器们在客户端瓜分着这个Web OS,只要是对用户体验好 ...

  4. 淘宝(阿里百川)手机客户端开发日记第六篇 Service详解(一)

    public abstract class Service; [API文档关于Service类的介绍] A Service is an application component representi ...

  5. DICOM：DICOM标准学习路线图（初稿）

    题记: DICOM医学图像处理专栏撰写已有两个年头,积累了近百篇文章.起初只是用于记录自己科研.工作中遇到的疑难问题,专注于图像处理(主要是医学图像,这也正是专栏名称最初的由来):后来逐渐延伸到了DI ...

  6. 【Other】千字文 硬笔 楷书 字帖

    <千字文>是我国最优秀的一篇训蒙教材,用一千个汉字勾划出一部完整的中国文化史的基本轮廓,代表了中国传统教育启蒙阶段的最高水平.<千字文>通篇首尾连贯,音韵谐美,读起来朗朗上口, ...

  7. 【Redis】Redis分布式集群几点说道

    Redis数据量日益增大,使用的公司越来越多,不仅用于做缓存,同时趋向于存储这一块,这样必促使集群的发展,各个公司也在收集适合自己的集群方案,目前行业用的比较多的是下面几种集群架构,大部分都是采用分片 ...

  8. 《ASP.NET MVC4 WEB编程》学习笔记------.net mvc实现原理ActionResult/View

    ActionResult ActionResult是Action的返回结果.ActionResult 有多个派生类,每个子类功能均不同,并不是所有的子类都需要返回视图View,有些直接返回流,有些返回 ...

  9. Windows下尝试PHP7提示丢失VCRUNTIME140.DLL的问题解决

    前天PHP7.0.0正式版发布了,有一些比较好的改进,官方也说速度比php5.6快了两倍,性能上有了很大提升,并且也发布了从php5.x向php7迁移的问题,所以今后php网站迁移后能够大幅度的提升网 ...

  10. Java for LeetCode 027 Remove Element

    Given an array and a value, remove all instances of that value in place and return the new length. T ...