HTML5中figure标签指的是什么意思-创新互联

小编给大家分享一下HTML5中figure标签指的是什么意思,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!

专注于为中小企业提供网站设计制作、网站制作服务,电脑端+手机端+微信端的三站合一,更高效的管理,为中小企业昂仁免费做网站提供优质的服务。我们立足成都,凝聚了一批互联网行业人才,有力地推动了上1000+企业的稳健成长,帮助中小企业通过网站建设实现规模扩充和转变。

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 的基本构造如下面所示:

img21

Passionate Julia

Julia dances in the deep dark

She loves the smell of the ocean

And dives into the morning light

View more

而我实现的源代码中HTML部分的代码,实例对比:

PASSIONATEJULIA

  • Julia dances in the deep dark.
  • She loves the smell of the ocean
  • And dives into the morning light

很显然的区别是原本代码中使用了HTML5的新标签

实现了页面的基础搭建,下面就简单聊聊这个HTML5的新标签

值得一提的是尤其提到独立于文档主流之外,是在官方文档上面提到的,还提到了这个标签包含的内容应该具有独立性,可移植的,不影响主流内容。然后前文提到的描述这里就是作为

的可选子标签
中的内容。

现在回到之前我准备重复造的那个轮子,发现如果把对于图片的描述内容全部都包裹在

标签中,无论是语义上还是代码结构上都更加的清晰。

HTML 4.01 与 HTML 5 之间的差异

标签是 HTML 5 中的新标签。

以上是HTML5中figure标签指的是什么意思的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注创新互联网站制作公司行业资讯频道!


本文标题:HTML5中figure标签指的是什么意思-创新互联
浏览地址:http://csdahua.cn/article/dijiho.html
扫二维码与项目经理沟通

我们在微信上24小时期待你的声音

解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流