HTML5中figure标签指的是什么意思

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

创新互联公司是专业的海安网站建设公司，海安接单;提供成都网站建设、成都网站制作,网页设计,网站设计,建网站,PHP网站建设等专业做网站服务;采用PHP框架,可快速的进行海安网站开发网页制作和功能扩展;专业做搜索引擎喜爱的网站,专业的做网站团队,希望更多企业前来合作!

HTML5

元素为元素组添加标题。
figure元素是一种元素的组合，可带有标题（可选）。figure标签用来表示网站制作页面上一块独立的内容，将其从网页上移除后不会对网页上的其他内容产生影响。figure所表示的内容可以是图片、统计图或代码示例。
注意：一个figure元素内最多只允许放置一个figcaption元素，其他元素可无限放置。
HTML5 figure标签的作用：
之前看到一个很有趣的轮子：Hover效果，没有使用 JavaScript 代码，全部都是 HTML + CSS便实现了，用审查者工具看了下源代码，发现 HTML 的基本构造如下面所示：

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标签指的是什么意思
本文URL：http://azwzsj.com/article/ijogee.html

元素为元素组添加标题。
figure元素是一种元素的组合，可带有标题（可选）。figure标签用来表示网站制作页面上一块独立的内容，将其从网页上移除后不会对网页上的其他内容产生影响。figure所表示的内容可以是图片、统计图或代码示例。
注意：一个figure元素内最多只允许放置一个figcaption元素，其他元素可无限放置。
HTML5 figure标签的作用：
之前看到一个很有趣的轮子：Hover效果，没有使用 JavaScript 代码，全部都是 HTML + CSS便实现了，用审查者工具看了下源代码，发现 HTML 的基本构造如下面所示：

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标签指的是什么意思
本文URL：http://azwzsj.com/article/ijogee.html

其他资讯