html5+css3【1】

HTML5中新增的主题构造元素

article	一个独立的区域
section	分块元素
aside	附属信息标志
nav	页面导航链接组
time	时间元素
pubdate	文章发布时间标志

article元素的使用

article有自己的标题header和页脚footer，如果一段内容相对较为独立则使用article元素，若想将一段内容划分为几段，则使用section元素。

section元素的使用

section由内容和标题组成，是网页内容分块的元素，有对文章分段作用（section并非容器元素，若要使用样式则建议使用div元素）。

aside元素的使用

aside元素表示当前页面的附属信息，可以包含与主题内容相关的引用，有别于主要内容。
主要使用方法：1.被包含在article元素中作为主要内容的附属信息部分，可以是与当前主题有关的参考资料、名词解释等。
2.在article之外，作为整个页面的附属信息和补充内容

nav元素的使用

nav元素内存放许多主要、重要的链接，一个页面中可以使用多个nav元素。
nav元素的使用场合：1.传统的导航条。2.侧边栏导航。 3.内页导航。 4.翻页操作。

time元素的使用

time元素表示24小时中某一时刻或某一时期。
可以定义的格式有以下几种：

<time datetime="2020-6-6">2020年6月6日</time>    
<time datetime="2020-6-6">6月6日</time>   
<time datetime="2020-6-6">今天时间</time> 
<time datetime="2020-6-6T22:30">2020年6月6日晚上10点</time> 
<time datetime="2020-6-6T22:30Z">UTC标准时间2020年6月6日晚上10点</time> 
<time datetime="2020-6-6T22:30+8:00">中国时间2020年6月6日晚上10点</time> 

T后面表示具体时间，在时间后面加Z表示标准时间，+8:00表示时区东八时区。

pubdate元素的使用

目前所有主流浏览器都不支持pubdate属性。
pubdate用于标志文章或网页的发布时间。

新增的非主体结构元素

header	标题部分
hgroup	分组标题与子标题
footer	与它相关的区块的注脚信息
address	在页面中呈现联系信息

header元素的使用

header元素是一种具有引导和导航作用的结构元素，通常用它来放置整个页面或页面内一个内容区块的标题，但也可以放置logo、搜索表单等操作。在HTML5中，一个header元素至少可以包含一个heading元素（h1-h6），也可以包括hgroup元素。
（注意：一个页面可以多次出现header元素，）

hgroup元素的使用

hgroup元素一般会把h1-h6的元素进行分组，通常当文章只有一个主标题时，不需要hgroup元素。

footer元素的使用

footer元素可以作为上层父级内容区块或是一个根区块的注脚。一般情况下包括与它相关的区块的注脚信息，如作者、版权信息等。
（注意：footer元素的个数没有限制，并且它可以为article和section使用。）

address元素的使用

address元素用于在页面中呈现联系信息，也能够用来展示和文章中的相关的联系人的所有联系信息。（默认斜体）