html5 figure标签是什么意思?html5 figure标签的使用方法你想知道吗?接下来介绍今天的这篇文章,主要讲述了html5 figure标签的定义和用法(附实例)
HTML5
立即学习“前端免费学习笔记(深入)”;
HTML5
文档中的一个小节,描述 PRC:
PRC
The People's Republic of China was born in 1949...
登录后复制
提示:请使用
figure元素是一种元素的组合,可带有标题(可选)。figure标签用来表示网站制作页面上一块独立的内容,将其从网页上移除后不会对网页上的其他内容产生影响。figure所表示的内容可以是图片、统计图或代码示例。
注意:一个figure元素内最多只允许放置一个figcaption元素,其他元素可无限放置。
HTML5 figure标签的作用:
之前看到一个很有趣的轮子:Hover效果,没有使用 JavaScript 代码,全部都是 HTML + CSS便实现了,用审查者工具看了下源代码,发现 HTML 的基本构造如下面所示:
@@##@@ Passionate Julia
View moreJulia dances in the deep dark
She loves the smell of the ocean
And dives into the morning light
登录后复制
而我实现的源代码中HTML部分的代码,实例对比:
@@##@@PASSIONATEJULIA
- Julia dances in the deep dark.
- She loves the smell of the ocean
- And dives into the morning light
登录后复制
很显然的区别是原本代码中使用了HTML5的新标签
值得一提的是尤其提到独立于文档主流之外,是在官方文档上面提到的,还提到了这个标签包含的内容应该具有独立性,可移植的,不影响主流内容。然后前文提到的描述这里就是作为
现在回到之前我准备重复造的那个轮子,发现如果把对于图片的描述内容全部都包裹在
HTML 4.01 与 HTML 5 之间的差异
【相关推荐】
HTML5标签是什么意思?HTML5标签的基本用法详解
HTML5标签是什么意思?HTML5标签的基本用法详解
以上就是HTML5 figure标签是什么意思?HTML5 figure标签的使用方法详解的详细内容,更多请关注【创想鸟】其它相关文章!
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。
发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/3123916.html