HTML5+CSS3从入门到精通

3.2 HTML5元素分类—P58
1、结构性元素：主要负责Web的上下文结构的定义。

<section><header><footer><nav><article>
2、级块性元素：主要完成Web页面区域的划分，确保内容的有效分隔。

<aside><figure><code><dialog>
3、行业语义性元素：主要完成Web页面具体内容引用和表述。

<meter><time><progress><video><audio>
4、交互性元素：主要用于功能性的内容表达，会有一定的内容和数据的关联。

<detail><datagrid><menu><command>
3.3构建主体内容—P59
内容区块是指将HTML页面按逻辑进行分割后的单位。

3.3.1标识文章
article元素用来表示文档、页面中独立的、完整的、可以独自被外部引用的内容，像博客，论文，论坛帖子或者一段用户评论等。

这一节讲了article的三个功能：1、独立的文章内容；
2、article的嵌套使用；
3、article表示插件使用。

涉及到的页签：<article> pubtime datetime<object><param>name <embed> src
3.3.2给内容分段
section元素用来对网站或者应用程序中页面上的内容进行分区。

（一般有内容和标题（可用HTML5轮廓工具检查）组成）
3.3.3设计导航信息
nav元素是一个可以作为页面导航的链接组，将重要的，基本的导航链接放进去链接组中。

该元素可以在一个文档中多次出现，作为页面或部分区域的导航。

一般有1、传统的导航条；2、侧边栏导航；3、页内导航；4、翻页操作。

涉及到的页签：<nav> draggable<menu>
3.3.4设计辅助信息
aside元素用来表示当前页面或者文章的附属信息部分，它可以与当前页面或主要内容相关的引用、侧边栏、广告、导航条以及其他类似的有别于主要内容的部分。

有两种使用方法：
1、作为主要内容的附属信息部分，包含article元素中，一般为与当前文章有关的参考资料、
名词解释等。

2、作为页面或者站点全局的附属信息部分，在article元素之外使用。

一般表现形式为侧边
栏，内容为友情链接，广告或者引用其他博客等。

涉及到的页签：<aside><dl><dt><dd><a> href
3.3.5设计微格式
HTML5微格式的提出主要目的是简化Web开发的数据提取。

time元素代表某一个日期或者24小时中的某一个时刻（表示时刻时允许带时差）。

<time datetime=”2012-11-13”>2012年11月13日</time>
<time datetime=”2012-11-13”>11月13日</time>
<time datetime=”2012-11-13”>我的生日</time>
<time datetime=”2012-11-13T20:00”>我的生日晚上8点</time>
<time datetime=”2012-11-13T20:00Z”>我的生日晚上8点</time>
<time datetime=”2012-11-13T20:00+09:00”>我的生日晚上8点</time>
1）编码时引擎读到部分在datetime属性里，元素的开始标记和结束标记中间的部分才显示在网页上。

2）datetime属性中日期和时间之间要用“T”字母分隔，“T”表示时间。

3）“Z”字母表示给机器编码时使用UTC标准时间。

4）加上时差，表示向机器编码另一地区时间，如果编码本地时间，则不需要添加时差。

涉及到的页签：<time>datetime
3.3.6添加发布日期
pubdate属性是一个可选的布尔值属性，表示time要素代表了文章（article元素的内容）或者整个网页的发布日期。

涉及到的页签：<time>pubdate
3.4添加语义模块—P69
3.4.1添加发布日期
header定义文档或者文档一部分区域的页眉（作为介绍内容或导航链接栏的容器），可以包括标题、数据表格、搜索表单或相关的logo图片（header元素通常包含h1~h6元素，也可以包含hgroup、table、form、nav）。

一个网页可以多次使用header元素。

涉及到的页签：<header><hgroup><form><nav><input> text password radio checkbox submit button <textarea><select><option>
3.4.2给标题分组
hgroup元素可以给标题或者子标题进行分组，通常与h1~h6组合使用（如果文章中只有一个主标题，则不需要hgroup元素）。

涉及到的页签：<hgroup>
3.4.3添加脚注块
footer定义文档或者文档的一部分区域的页脚，在典型的情况下该元素包含文档创作者的姓名、文档的版权信息、使用条款的链接、联系信息。

可以重复使用footer元素，可为article 和section元素中添加footer元素。

涉及到的页签：<footer><ul><li>
3.4.4添加联系信息
address元素用来在文档中定义联系信息，包括文档作者名称、电子邮箱、真实地址、电话号码等，还可以描述与文档相关的联系人所有联系信息。

涉及到的页签：<address> title
3.5HTML5元素分类—P72
3.5.1设计大纲
大纲，就是文档中各个内容区块的结构编排。

分为显式编排和隐式编排。

1、显式编排：主要是指用section、article等元素创建文档结构，每个内容区块内使用标题
（h1~h6、hgroup等）
2、隐式编排：主要通过页面中所书写的各级标题（h1~h6、hgroup等）把内容区块自动创
建出来。

隐式编排的规则：
1）如果新出现的标题比上一个标题级别低，生成下级内容区块。

2）如果新出现的标题比上一个标题级别高或级别相等，生成新的内容区块。

3）不同的内容区块可以使用相同级别的标题。