小编给大家分享一下HTML5中数字标签指的是什么意思,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获、下面让我们一起去了解一下吧!
<强> HTML5
& lt; figure>标签用于对元素进行组合。
& lt; figure>标签规定独立的流内容(图像,图,表照片,代码等等)。
& lt; figure>元素的内容应该与主内容相关,同时元素的位置相对于主内容是独立的。如果被删除,则不应对文档流产生影响。
<强> HTML5
文档中的一个小节,描述中华人民共和国:
& lt; figure> & lt; h2> PRC & lt; p>人民# 39;共和国中国出生于1949年…& lt;/p> & lt;/figure>
提示:请使用& lt; figcaption>元素为元素组添加标题。
图元素是一种元素的组合,可带有标题(可选).figure标签用来表示网站制作页面上一块独立的内容,将其从网页上移除后不会对网页上的其他内容产生影响.figure所表示的内容可以是图片,统计图或代码示例。
注意:一个图元素内最多只允许放置一个figcaption元素,其他元素可无限放置。
<强> HTML5图标签的作用:强>
之前看到一个很有趣的轮子:悬停效果,没有使用JavaScript代码,全部都是HTML + CSS便实现了,用审查者工具看了下源代码,发现HTML的基本构造如下面所示:
& lt;图类=癳ffect-julia"比; https://www.yisu.com/zixun/& lt; img src=" img/21. jpg”alt=" img21 "/>图> 的茱莉亚
查看更多>茱莉亚在黑暗深处舞蹈
她爱大海的味道
,潜入了晨光
而我实现的源代码中HTML部分的代码,实例对比:
& lt; div类=癶over-area area-Julia"比; & lt; img src=https://www.yisu.com/zixun/币桓?21. jpg”高度=" 360 "宽度=" 480 ">的<>强茱莉亚强>
-
<李>茱莉亚在黑暗深舞蹈。李>
<李>她爱大海的味道李>
<李>,潜入了晨光李>
很显然的区别是原本代码中使用了HTML5的新标签& lt; figure>实现了页面的基础搭建,下面就简单聊聊这个HTML5的新标签& lt; figure>。
值得一提的是尤其提到独立于文档主流之外,是在官方文档上面提到的,还提到了这个标签包含的内容应该具有独立性,可移植的,不影响主流内容,然后前文提到的描述这里就是作为& lt; figure>的可选子标签& lt; figcaption>中的内容。
现在回到之前我准备重复造的那个轮子,发现如果把对于图片的描述内容全部都包裹在& lt; figcaption>标签中,无论是语义上还是代码结构上都更加的清晰。
HTML 4.01与HTML 5之间的差异
& lt; figure>标签是HTML 5中的新标签。
以上是HTML5中数字标签指的是什么意思的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注行业资讯频道!