百分百源码网-让建站变得如此简单! 登录 注册 签到领金币!

主页 | 如何升级VIP | TAG标签

当前位置: 主页>网站教程>html5教程> HTML5figure标签有哪些意思?HTML5figure标签的运用办法详解-
分享文章到:

HTML5figure标签有哪些意思?HTML5figure标签的运用办法详解-

发布时间:09/01 来源:未知 浏览: 关键词:
HTML5figure标签有哪些意思?HTML5figure标签的运用办法你想晓得吗?接下来介绍今天的这篇文章,主要讲述了HTML5figure标签的定义和用途(附实例) 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 的根本结构如下面所示:

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 中的新标签。

打赏

打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,你说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

百分百源码网 建议打赏1~10元,土豪随意,感谢您的阅读!

共有151人阅读,期待你的评论!发表评论
昵称: 网址: 验证码: 点击我更换图片
最新评论

本文标签

广告赞助

能出一分力是一分吧!

订阅获得更多模板

本文标签

广告赞助

订阅获得更多模板