1.nav元素

nav元素用于定义导航链接的内容,可以作为页面导航的链接组,个中的导航元素链接到其他页面或者当前页面的其他部分,使HTML代码的语义化方面更加精准,同时对付屏幕阅读器等设备的支持也更好。

html5之前,常日情形下我们会利用<div>元素或者<ul id=\公众nav\"大众>这样的代码来表示页面的导航,而在HTML5中,我们可以直接将导航链接列表放在<nav>元素中,比如下面这个例子:

html5aside效果元素中新增的主体构造HTML5系列教程10 jQuery

HTML5中的nav元素

nav元素在网页中有着非常主要的浸染,比如网页顶部的导航条,其浸染是在多个页面间进行跳转链接;网页侧边栏导航,其浸染是从当前页面跳转到其他页面;网页内页导航,其浸染是在一个网页中的多个紧张部分进行跳转;翻页导航,其浸染是在多个网页间实现实现前后页滚动。

2.time元素

time即韶光,该元素用于定义日期和韶光。
由于时区的问题,网页上显示的韶光如果处理不好,就会让人产生歧义,比如该当是上午9点15分,却显示成下午22点30分。
为了在网页上能准确低显示韶光,让所有人都不会产生歧义,因此HTML5新增了time元素。
time元素可以表示带时区的韶光,还可以定义多种格式的日期和韶光,代码和效果如图所示:

HTML5中的time元素

3.article元素

article元素用于定义外部的内容,可以是一篇新的文章、一篇博文、一个帖子、一段评论等等,还可以是来自其他外部源的内容。
一个article元素可以有它自己的标题、内容和脚注,还可以与其他的article元素嵌套利用。
演例代码如下图所示:

HTML5中的article元素

在这段代码中,header元素中嵌入了文章的标题部分,p元素嵌入了文章的正文,嵌套的article元素又引用了其余一篇文章,末了在结尾处,footer元素嵌入了一下版权信息。

4.section元素

section元素定义文档中的节,比如章节、页眉、页脚或文档中的其他部分。
一个section元素常日由内容及其标题组成。
代码演示如下图:

HTML5中的section元素

在这段代码中,<h1>元素嵌入了这段笔墨的标题,<p>元素嵌入了这段笔墨的正文,标题和正文构成了文档内容一个独立的块,这个快利用section元素表示。

section元素用于表示文章的段,是一个独立的块,而article元素用于表示文章外部的内容,虽然它也是独立的,请不要把这两者相稠浊。
比如要在一篇文章中如果须要引用另一篇文章的某些段落时,其代码如下图所示:

HTML5中的section元素

在比如你要在一个段落中引用一篇文章时,其代码如下图:

HTML5中的section元素

5.aside元素

aside元素用来定义article元素以外的内容,其内容该当与article的内容干系。
这样的情形在生活中很常见,像文章中的名词阐明。
名词阐明作为文章中的一部分,其内容与文章干系,以是这种情形下就可以利用aside元素。
其代码和效果如下图所示:

HTML5中的aside元素

HTML5中的aside元素

其余,aside元素的内容还可以用作文章的侧栏,其内容作为文章的附属信息。
例如nav元素导航作为aside元素的内容,这样就实现了一个侧边栏导航条。
代码及效果图如下:

HTML5中的aside元素

HTML5中的aside元素

这些元素便是HTML5元素中新增的主体构造了。
我们在学习这些代码的时候一定要勤加练习,这样才能够记住它们。
下一期我们先容HTML5元素中新增的非主体构造。
理解更多动态资讯请加我们的官方微旗子暗记:pyyuanxing。
感激大家的不雅观看,祝大家生活愉快、身体康健。