H5新增元素-作用

爷,独闯天下 提交于 2020-02-05 02:42:40

新增元素:article元素,aside元素,nav元素,section元素,footer元素,header元素,figure元素,figcaption元素

各自用途:

article元素

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

该元素可嵌套使用;

可用来表示插件。

aside元素

用来表示当前页面或者文章的附属信息部分

可包含于当前页面或蛀牙内容相关的引用、侧边栏、广告、导航条

以及其他类似的有区别于主要内容的部分

 

nav元素

可以用作页面导航的连接组

其中的导航元素连接到其他页面或当前页面的其他部分

并非所有链接组都要放进nav元素,只需将主要的、基本的放进即可

应用场景:传统导航条、侧边栏导航、页内导航、翻页导航

h5中不要用menu元素代替nav元素,menu元素使用在发出命令的菜单上,是一个交互元素

section元素

用于对网站或应用程序中页面上的内容进行分块

一个section元素通常由内容及标题组成

但当一个容器需要被直接定义样式或通过脚本定义行为时,推荐使用div。

section元素强调分段或分块,一块内容分为几段或几块;

article元素强调独立性,一块内容独立完整;

没有标题内容区域块,不要用section

header元素

<header> 标签定义文档的页眉(介绍信息)

<header> 元素应该作为介绍内容或者导航链接栏的容器。

在一个文档中,可以定义多个 <header> 元素。

footer元素

标签定义文档或节的页脚。

页脚通常包含文档的作者、版权信息、使用条款链接、联系信息等等。

可以在一个文档中使用多个 <footer> 元素。

figure元素

用作文档中插图的图像,标签规定独立的流内容(图像、图表、照片、代码等等)。

figure 元素的内容应该与主内容相关

figcaption元素

<figure>标签内部还可以添加<figcaption>图题,其包含了对图片的完整说明。

相对figure元素可以看做<p>标签

 

标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!