记录自己学习的点点滴滴。----前(潜)行
主体元素
1、article元素
article元素代表文档、页面或应用程序中独立的、完整的、可以独自被外部引用的内容。他可以说以一篇博客或者报刊中的文章,一篇论坛帖子、一段用户评论或独立的插件,或其他任何独立的内容。
article元素是可以嵌套使用的。
article元素可以用来表示插件。
2、section元素
sction元素用于对网站或应用程序中页面上的内容进行分块。一个section元素通常由内容及其标题组成。但section元素并非一个普通的容器元素;当一个容器需要被直接定义样式活通过脚本定义行为时,推荐使用div而非section元素。
*通常不推荐没有标题内容使用sction元素
*不要与article元素混淆
*不要将section元素作为设置样式的内容容器(用div)
*如果article元素、aside元素、nav元素更符合使用条件,那不要使用section元素。
*没有标题内容不要使用section元素
nav元素
nav元素是一个可以用作页面导航的链接组,其中的导航元素链接到其他页面或当前页面的其他部分。并不是所有的链接组都要被放进nav元素,只需要将主要的、基本的链接组放进nav元素即可。
nav元素应用场景:
传统导航条、侧边栏导航、页内导航、翻页操作。
aside元素
aside元素用来表示当前页面或文章的附属信息部分,它可以包含与当前页面或主要内容相关的应用、侧边栏、广告、导航条,以及其他类似的有区别于主要内容的部分。
非主体元素
header元素
header元素是一种具有引导航作用的结构元素,通常用来放置整个页面或页面内的一个内容区块的标题,但是也可以包含其他内容,例如数据表格、搜索表单或相关的logo图片。
header可以出现多次.
footer元素
footer元素可以作为其商城父级内容区块或是一个跟去块的脚注。footer通常包括其相关区块的脚注信息,如作者、相关阅读链接及版权信息等。
hgroup元素
hgroup元素是将标题及其子标题进行分组的元素。hgroup元素通常会将h1~h6元素进行分组,譬如一个内容区块的标题及其子元素算一组。
address元素
address元素用来在文档中呈现联系信息,包括文档作者或文档维护者的名字、他们的网站链接、电子邮箱、真是地址、电话号码等。address应该不只用来呈现电子邮箱或真实地址,还用来展示跟文档相关的联系人的所有联系信息。
HTML5新增的主体结构元素和非主体结构元素
最新推荐文章于 2022-07-03 15:35:16 发布