header
苹果，亚当的苹果，牛顿的苹果
HTML5的结构
HTML5的结构
1.主体结构元素
2.非主体结构元素
3.HTML5的结构
HTML5相对于HTML4的最大改进在于文档的结构。
通过添加一些结构元素，在结构上，HTML5比HTML4更加清晰明确。
学习内容：
①新增的主体结构元素的定义，使用方法，使用场合。article, section, nav, aside.
②新增的非主体结构元素的定义，使用方法，使用场合。header, hgroup, footer, address.
③综合应用这些结构元素来编排页面以及整体布局。
/*=================================article元素===============================================*/
article元素：代表可以独立被外部引用的内容。article有标题，正文和注脚。
示例：
/*=================================section元素=============================================*/
定义：对页面上的内容进行分区。通常由内容和标题构成。
如果需要对一个容器直接定义，推荐使用div而非section。
区分article和section:以一篇文章为例，整篇文章就是article而文章中的一个段落就是section。
显然，从article和section的字面意思就可以看出两者的关系。但是这这是表面上的区分。
示例1：
苹果
苹果，植物类水果，多次花果。
红富士
红富士不是绿富士
国光
万寿苹果
示例2：
苹果
发表日期：
苹果，植物类水果，多次花果。
评论
发表者：绿林牛
发表者：张玉
疑惑：article中可以包含section，section中也可以包含article。如何区分？
section强调对内容进行分段或者分块，article强调独立性。具体来说，
一块内容相对独立完整应该使用article，如果你只想对一块内容可进行分段，应该使用section。
sectio元素的禁忌总结:
①不要将section元素用作设置样式的页面容器，那是div的工作。
②如果aside, nav, article元素更符合条件，不要使用section元素。
③不要为没有标题的内容区域使用section元素。
/*=================================nav元素===========================================*/
定义：是用作页面导航的链接组，导航的元素链接到其它页面或者当前页面的其它部分。
使用方法：
技术资料
HTML5与CSS3的历史
HTML5的历史
讲述HTML5的历史的正文
CSS3的历史
讲述CSS3的历史
/*====================================aside元素============================================*/
定义：表示当前页面的附属信息部分。
用法：
①被包含在article内作为主要内容的附属信息。
元素示例
F#入门
第四节 词法闭包
lambda表达式可以创建词法闭包（文章正文）
②在article外使用，作为页面的附属信息部分。
/*=======================================header元素=============================================*/
定义：一种引导和导航作用的元素。用做标题。可以包含表格，表单和logo图片。
用法：
IT新技术
http://blog.sina.com.cn/itnewtech
[订阅]
[手机订阅]
注意事项：一个header元素至少包含一个heading元素。
/*=======================================hgroup元素=============================================*/
定义：将主标题和子标题进行分组的元素。
用法：
文章主标题
文章子标题
文章正文
/*=====================================footer元素===============================================*/
定义：区域的注脚信息。
/*=====================================address元素===============================================*/
定义：用来在文档中呈现联系信息。
/*=====================================HTML5大纲===============================================*/
显示编排：使用section创建文档结构的编排方式。
网页级内容区块标题
网页级内容区块正文
section级内容区块的标题
section级内容区块的内容
隐式编排：不使用section而使用h1-h6和hgroup编排文档结构。
网页级内容区块标题
网页级内容区块正文
section级内容区块的标题
section级内容区块的内容
推荐使用显示编排，因为结构更为清晰。
/*====================================页面编排示例=====================================*/
页面编排示例
网页标题
文章主标题
文章子标题
文章正文
评论标题
评论正文
版权所有：绿林牛