html5的结构

目录

一、新增的主体结构元素

　　1.1、article元素

　　1.2、section元素

　　1.3、nav元素

　　1.4、aside元素

　　1.5、time元素

　　1.6、pubdate元素

二、新增的非主体结构元素

　　2.1、header元素

　　2.2、footer元素

　　2.3、address元素

　　2.4、main元素

三、HTML5中网页结构

　　3.1、HTML5中的大纲

　　3.2、大纲中的编排规则

　　3.3、对新的结构元素使用样式

一、新增的主体结构元素

　　1.1、article元素

　　　　article元素:代表文档、页面或应用程序中独立的、完整的、可以独自被外部引用的内容。

　　　　　　特点：1）通常有自己的标题，有时还有自己的脚注

`　　　　　　　　　2）可以进行嵌套，内容的内层与外层内容相关联

　　1.2、section元素

　　　　section元素：对页面上的内容进行分块，或者说对文章进行分段

　　　　　　　特点：1）通常由内容及其标题组成

　　　　　　　　　　2）不推荐没有标题的内容使用section元素

　　　　　　　　　　3）强调分块，article强调独立性

　　　　　　　禁忌：1）不要将section元素用作设置样式的页面容器，用div代替

　　　　　　　　　　2）如果article元素、aside元素或者nav元素更符合状况，不要使用section元素。

　　　　　　　　　　3）不要为没有标题的内容使用section元素

　　1.3、nav元素

　　　　nav 元素：用来作为页面导航的链接组，其中的导航元素链接到其他页面或当前页面的其他部分

　　　　　特点：1）一个页面可以有多个nav 元素

　　　　　用的场合：1）传统导航条

　　　　　　　　　　2）侧边栏导航

　　　　　　　　　　3）页内导航

　　　　　　　　　　4）翻页操作

　　1.4、aside元素

　　　　　　aside元素：用来表示当前页面或文章的附属信息部分，可以包含侧边栏、广告、导航条，以及其他类似的有别于主要内容的部分

　　　　　　　　用法：1）包含在article元素中作为主要内容的附属信息部分

　　　　　　　　　　　2）在article元素之外使用，作为页面或站点全局的附属信息部分。最典型的形式是侧边栏

　　1.5、time元素

　　　　　　time元素：无歧义地、明确地对机器编码日期和时间，并且以让人读的方式来展现。

　　　　　　　　　　　　<time datatime="2010-11-13" >我的生日</time>

　　1.6、pubdate元素

　　　　　　pubdate元素：可选的boolean值得属性，代表time元素代表文章或整个网页的发布日期。

二、新增的非主体结构元素

　　2.1、header元素

　　　　　　header元素：具有引导和导航作用的结构元素，通常来防止整个页面或页面内的一个区块的标题

　　　　　　　　特点：1）通常至少包括1个heading元素，还可以包括hgroup，nav元素

　　　　　　　　　　　2）一个页面可以包括多个header元素

　　2.2、footer元素

　　　　　　footer元素：可以为其上层伏击区块或一个根区块的脚注。

　　　　　　　　　特点：1）通常包括其相关区块的脚注信息，如作者、相关阅读链接以及版权信息

`　　　　　　　　　　　  2）一个页面可以包括多个footer元素

　　2.3、address元素

　　　　　　address元素：用来在文档中呈现联系信息，包括作者的名字，电子邮件等

　　2.4、main元素

　　　　　　main元素：表示网页中的主要内容。

　　　　　　　　　特点：1）一个页面只能有一个main元素

　　　　　　　　　　　　2）不能将main元素放在任何article、aside、footer、header和nav元素内部

　　　　　　　　　　　　3）不对页面内容进行分区或或分块，不会对下文要描述的网页大纲产生任何影响

三、HTML5中网页结构

　　3.1、HTML5中的大纲

　　3.2、大纲中的编排规则

　　　　　　　3.2.1、显示编排内容区块

　　　　　　　　　　　　明确使用section等元素创建文档结构，在每个内容区块使用标题元素。

　　　　　　　3.2.2、隐式编排内容区块

　　　　　　　　　　　　不指明使用section等元素，而是根据页面中所书写的各级标题等自动创建内容区块。

　　　　　　　3.2.3、标题分级

　　　　　　　　　　　　h1级别最高，h6级别最低

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

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

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

　　3.3、对新的结构元素使用样式