1.nav元素
nav元素用于定义导航链接的内容,可以作为页面导航的链接组,个中的导航元素链接到其他页面或者当前页面的其他部分,使HTML代码的语义化方面更加精准,同时对付屏幕阅读器等设备的支持也更好。
在html5之前,常日情形下我们会利用<div>元素或者<ul id=\公众nav\"大众>这样的代码来表示页面的导航,而在HTML5中,我们可以直接将导航链接列表放在<nav>元素中,比如下面这个例子:
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。感激大家的不雅观看,祝大家生活愉快、身体康健。