码迷,mamicode.com
首页 > Web开发 > 详细

HTML5新增标签

时间:2015-05-28 12:36:38      阅读:209      评论:0      收藏:0      [点我收藏+]

标签:

article标签
表示文档、页面、应用程序或站点中的自包含成分构成的一个页面的一部分,专用于独立地分类或复用。
如一个博客的帖子、一篇文章、一个视频文件等。

<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
</head>
<body>
<article>
  <header>
    <h1>文章标题</h1>
    <p>发表日期:<time pubdate="pubdate">2015/05/28 </time></p>
  </header>
  <p>文章正文</p>
  <section>
    <h2>评论</h2>
     <article>
      <header><h3>发表者:东方日报</h3></header>
      <p>评论内容</p>
     </article>
     <article>
      <header><h3>发表者:东方日报</h3></header>
      <p>评论内容</p>
     </article>
  </section>
</article>
</body>
</html>

技术分享
section标签
用来定义文档中的节,如章节、页眉、页脚或文档中的其他部分,主要用于表示对网站或应用程序中的
内容进行分块,通常由内容和标题组成。

  • section的作用是对页面上的内容进行分块;article是独立的完整的内容。

nav标签
表示一个可以用作页面导航的链接组。

aside标签
定义article以外的内容,表示当前页面或文章的附属信息部分,可以包含与当前页面或主要内容相关
的引用、侧边栏、导航条以及广告或者Web2.0博客网站的tag。

time标签
表示24小时中的某个时刻或某个日期,表示时刻时允许带时差。

<!doctype html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <title>Document</title>
 </head>
 <body>
  <time date="2015-05-28">2015年5月28日</time>
  <br>
  <time date="2015-05-28T12:06">我的生日中午12点</time>
  <br>
  <time date="2015-05-28T12:06Z">我的生日中午12点</time>
  <br>
  <time date="2015-05-28T12:06+09:00">我的生日中午12点的美国时间</time>
 </body>
</html>

技术分享

header标签
包含了站点的标题、logo、网站导航等,通常用来放置整个页面或页内的一个内容区块的标题。

hgroup标签
将标题及其子标题进行分组,通常用于对网页或区段的标题进行组合。

footer标签
包括相关区块的脚注信息。

address标签
用来在文档中呈现联系信息,包括文档或文档维护者的名字、邮箱、电话号码等。

     <footer>
         <small>
             &copy;2010  Copyright  2010 JianYuan  Century Inc. All Rights Reserved
         </small>
     </footer>

技术分享

HTML5新增标签

标签:

原文地址:http://blog.csdn.net/lindonglian/article/details/46120573

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!