第三章html5的结构

section用于对网站或应用程序中页面上的内容进行分块,一个section元素通常由内容及其标题组成。

section元素中的内容可以单独存储到数据库中或者输出到word文档中

通常不推荐为那些没有标题的内容使用section元素  可以使用html5的轮廓工具来检查页面中是否有没标题的section  测试工具地址gsnedders.html5.org/outliner/

section元素的作用是对页面上的内容进行分块,或者说文章进行分段,而article有这自己的完整的独立的内容

 

事实上,在html5中,article元素可以看成是一种特殊种类的section元素,他比section元素更强调独立性、即section元素强调分段或分块,而article强调独立性

关于section使用的禁忌总结如下:

a 不要讲section元素用作设置样式的页面容器,那是div元素的工作。

b 如果article元素、aside元素或nav元素更符合使用条件,不要使用section。

c 不要为没有标题的内容区块使用section元素。

 

nav元素是一个可以用作页面导航的链接组,其中的导航元素链接到其他页面或当前页面的其他部分

也个页面可以有多个nav,作为页面整体或不同部分的导航。

并不是所有的链接组都要放进nav元素,值需要将主要的基本的链接组放进nav元素即可。

 

nav元素可以用于以下这些场合:

传统导航条:其作用是将当前画面跳转到网站的其他主要页面上去。

侧边栏导航:其作用是将页面从当前文章或当前商品跳转到其他文章或其他商品的页面上去。

页内导航:作用是在本页面几个主要的组成部分之间进行跳转

翻页操作:指在多个页面前后页或者博客网站的前后篇文章滚动

注意:html5中不要用menu元素代替nav元素    。  menu元素是用在一些列发出命令的菜单上,是一种交互性的元素,更确切的说是试用在web应用程序中的。

 

 

aside元素用来表示当前页面或文章的附属信息部分,它可以包含与当前页面或主要内容相关的引用,侧边栏,广告,导航条,以及其他累世的有别于主要内容的部分。

两种使用方法:

a 被包含在article元素中作为主要内容的附属信息部分,其中的内容可以是与当前文章有关参考资料、名词解释,等等。

b 作为页面或站点全局的附属信息部分。最典型的形式是侧边栏,其中的内容可以是友情链接,博客中其他文章列表,广告单元等。

 

 

time元素与微格式  其中微格式是一种利用html的class属性来对网页添加附加信息的方法,附加信息例如新闻事件发生的日期和事件,个人电话号码,企业邮箱等。

而time元素代表24小时总的某个时刻或某个日期,表示时刻时允许带时差,他可以定义很多格式的日期和事件,

 

 

pubdate属性是一个可选的,boolean值属性,他可以用到article元素中的time元素上,作用代表了文章也就是article元素的内容或整个网页的发布日期。

 

 

header元素一种具有引导和导航作用的结构元素,通常用来放置整个页面或页面内的一个内容区块的标题

他可以包含其他内容,如数据表格,搜索表单或相关的logo图片

一个网页并未限制header元素的个数,可以拥有多个。

在html5中,一个header元素通常包括至少一个heading元素也就是h1- h6,还可以包括hgroup,还可以包括其他元素(table或form)、

 

hgroup元素是将标题及子标题进行分组的元素。hgroup元素通常会将h1-h6元素进行分组。

 

footer元素可以作为其上层父级内容区块或是一个跟区块的脚注。页面没有限制footer元素的个数。可以为section和article添加footer元素。

 

address元素用来在文档中呈现联系信息,包括

posted @ 2013-04-22 16:46  陆航  阅读(923)  评论(0编辑  收藏  举报