html5 figure和figcaption

baiy 发布于2019-08-02 16:04 / 2292人阅读

摘要：标签和标签是新增的语义化标签。用于规定独立的流内容图像图表照片代码等等。与配套使用，用于标签定义元素的标题。另一方面程序员在看的时候，看到这个标签的时候，就会知道，这里存在的就是图片等媒体，便于阅读。下面用图简单描述下这两个标签的使用方法

figure标签和figcaption标签是html5新增的语义化标签。

figure标签，html5语义化标签。

用于规定独立的流内容（图像、图表、照片、代码等等）。

figcaption标签，html5语义化标签。

与figure配套使用，用于标签定义figure元素的标题。

用figure和figcaption标签的好处

搜索引擎搜索到figure的时候会知道，这里存放的是图片、图表、照片、代码等媒体，不不会认为这里存放的是文章等其他东西。搜索引擎搜索的时候更快捷更便利。
另一方面程序员在看的时候，看到这个标签的时候，就会知道，这里存在的就是图片等媒体，便于阅读。

下面用图简单描述下这两个标签的使用方法

GPU云服务器云服务器 figcaption figure html5和html html5和ios

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/54623.html

html5知识点补充—figure元素的使用

摘要：使用和元素插入图片和图注元素用于插入某张图片并添加描述。元素中不仅仅只能包含一张图片，可以使用元素来显示多张图片。示例如下所示这一组图片的描述显示图片内容的时候是否总是使用元素如果单纯是为了显示某张图片，那么使用普通的标记足以。使用figure和figcaption元素插入图片和图注 figure元素用于插入某张图片并添加描述。在HTML5以前，需要插入图片时只要额外使用div之类的...

rubyshen 2019-08-01 14:49 评论0 收藏0
H5新增标签

摘要：依据页面的结构，简化冗余代码，新增了一些语义化标签是一种具有引导和导航作用的结构元素，通常用来放置整个页面或页面内的一个内容区块的标题，但也可以包含搜索表单或。依据页面的结构，简化冗余代码，H5新增了一些语义化标签header是一种具有引导和导航作用的结构元素，通常用来放置整个页面或页面内的一个内容区块的标题，但也可以包含搜索表单或logo。 showImg(https://segm...

Galence 2019-08-02 16:01 评论0 收藏0
HTML5元素和语义化标签

摘要：站点前端开发文档原文元素原文语义化标签元素元素分类块级元素自身属性为的元素，通常使用块级元素进行布局结构的搭建。可以和，，等其他标签结合使用，表示文档结构。表示标签内容之外的，与标签内容相关的辅助信息，元素被用于无关内容。站点：前端开发文档原文：HTML元素原文：语义化标签 HTML元素元素分类块级元素： div、h1-h6、hr、menu、ol、ul、li、dl、dt、d...

caspar 2019-08-02 14:33 评论0 收藏0