当前位置: 首页>前端>正文

使用html5的结构表情完成上图中所示的主题为世界地球日 html5常用的结构元素

1.为了使得文档结构更加清晰明确、容易阅读,HTML5增加了很多新的结构元素。

2.article元素代表文档、页面或应用程序中独立的、完整的、可以独自被外部引用的内容,可以嵌套使用。section元素用户对网站或者应用程序的页面的内容进行分块。但section元素并非一个普通的容器元素;当一个容器需要被直接定义样式或者通过脚本定义行为时,推荐使用div元素而非section元素。如果一个内容没有标题,则不推荐使用section元素。

section元素的作用是对页面时的内容进行分块,或者对文章进行分段,而article元素有着自己的完整的、独立的内容。其实,article元素可以看成是一种特殊种类的section元素,它比section元素更强调独立性,即section元素强调分块或者分段,而article强调独立性,而div在html5中变成了一种容器,当使用css样式的时候,可以对这个容器进行一个总体的css的套用。

3.nav元素

nav元素是一个可以用作页面导航的链接组,并需要将所有的链接组放进nav元素,只需要将主要的基本的链接组放进nav元素即可。一个页面中可以拥有多个nav元素,作为页面整体或不同部分的导航。

具体莱索,nav元素可以用于以下这些场合:

传统导航条;侧边栏导航;页内导航;翻页操作

4.aside元素

用来表示当前页面或者文档的附属部分信息。主要有2种使用方法:

1)被包含在article元素中作为主要内容的附属信息部分

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

5.time元素与微格式

微格式:利用HTML的class属性来对网页添加附加信息的方法,如果日期时间、个人电话号码等。

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

6.pubdate属性

一个可选的、boolean值的属性,可以用到article元素中的time元素上,用来标识哪个才是正式的时间

7.header元素

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

8.hgroup元素

将标题及其子标题进行分组的元素;如果文章只有一个主标题,是不需要hgroup元素的;但是,如果文章有主标题,主标题下有子标题,就需要使用hgroup元素了。

9.footer元素

作为其上层父级内容区块或是一个根区块的脚注。footer通常包括其相关区块的脚注信息,如作者、相关阅读链接及版权信息等。一个页面中可以有多个footer元素,同时,可以为article元素或者section元素添加footer元素。

10.address元素

用来在文档中呈现联系信息,不只是用来呈现电子邮箱或真实地址,还应用来展示跟文档相关的联系人的所有联系信息。

11.所谓大纲,简单来说就是文档中各内容区块的结构编排。可以分为显式编排和隐式编排2种方式。

显式编排:明确使用section元素创建文档结构,在每个内容区块内使用标题

隐式编排:不明确使用section等元素,根据页面中所书写的各级标题等把内容区块自动创建出来。

隐式编排容易让自动生成的整个文档结构和想要的文档结构不一样,而且也容易引起文档结构的混乱,因此需要尽量使用显示编排。

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


https://www.xamrdz.com/web/2pa1923266.html

相关文章: