仓酷云

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 626|回复: 8
打印 上一主题 下一主题

[HTML5] 来一发HTML5实例教程:figure标签利用实例

[复制链接]
小魔女 该用户已被删除
跳转到指定楼层
楼主
发表于 2015-1-15 23:11:06 | 显示全部楼层 回帖奖励 |倒序浏览 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
有些差异相对轻微,有充分的理由将这两种HTML5规范草案合并为一,让浏览器制造商与网络开发者不必面对不兼容的窘境。破洛洛文章简介:figure元素是一种元素的组合,可带有题目(可选)。figure标签用来暗示网页上一块自力的内容,将其从网页上移除后不会对网页上的其他内容发生影响。figure所暗示的内容能够是图片、统计图或代码示例。
figure元素是一种元素的组合,可带有题目(可选)。figure标签用来暗示网页上一块自力的内容,将其从网页上移除后不会对网页上的其他内容发生影响。figure所暗示的内容能够是图片、统计图或代码示例。

figure用友一个子标签——figcaption标签。

注重:一个figure元素内最多只同意安排一个figcaption元素,其他元素可无穷安排。


案例1:
不带有题目的figure元素:


  • <!DOCTYPEHTML>
  • <html>
  • <head>
  • <metahttp-equiv="Content-Type"content="text/html;charset=utf-8">
  • <title>HTML5逐日一练之figure新标签的使用-不带有题目的figure元素</title>
  • </head>

  • <body>
  • <figure>

  • <title>HTML5逐日一练之figure新标签的使用-带有题目的figure元素</title>
  • </head>

  • <body>
  • <figure>

  • <title>HTML5逐日一练之figure新标签的使用-多个图片,统一个题目的figure元素</title>
  • </head>

  • <body>
  • <figure>



  • <figcaption>网页教授教养网--中国网页计划,网页制造第一站!</figcaption>
  • </figure>
  • </body>
  • </html>
</p>
WHATWG致力于Web表单和应用程序,而W3C(WorldWideWebConsortium,万维网联盟)专注于XHTML2.0。在2006年,双方决定进行合作.来创建一个新版本的HTML。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|仓酷云 鄂ICP备14007578号-2

GMT+8, 2024-6-5 07:24

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表