HTML5新增主体标签

时间:2022-11-02 09:30:01

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>

HTML5新增主体标签
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>

HTML5新增主体标签

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

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

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

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

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

HTML5新增主体标签