Home >Web Front-end >H5 Tutorial >HTML5每日一练之figure新标签的应用

HTML5每日一练之figure新标签的应用

WBOY
WBOYOriginal
2016-05-17 09:09:161975browse

figure元素是一种元素的组合,可带有标题(可选)。figure标签用来表示网页上一块独立的内容,将其从网页上移除后不会对网页上的其他内容产生影响。figure所表示的内容可以是图片、统计图或代码示例。

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

注意:一个figure元素内最多只允许放置一个figcaption元素,其他元素可无限放置。


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

  •         
  •                
  •                 HTML5每日一练之figure新标签的应用-不带有标题的figure元素
  •         

  •         
  •                
  •                             W3C,W3Cfuns
  •                
  •         




案例2:
带有标题的figure元素:
  •         
  •                
  •                 HTML5每日一练之figure新标签的应用-带有标题的figure元素
  •         

  •         
  •                
  •                             W3C,W3Cfuns
  •                         
    W3Cfuns
  •                
  •         




案例3:
多个图片,同一个标题的figure元素:
  •         
  •                
  •                 HTML5每日一练之figure新标签的应用-多个图片,同一个标题的figure元素
  •         

  •         
  •                
  •                             W3C,W3Cfuns
  •                             厘米IT学院
  •                             厘米动力
  •                            
    W3Cfuns打造Web前端开发权威社区!
  •                
  •         




Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn