讲解HTML5中figure标签的使用

在 HTML 中，

标签用于在文档中包含自包含信息，例如插图、图表、照片或代码列表。它是链接到主流的，但它可以用在文档的任何地方，图形随内容流动，因此删除它不应影响文档的流向。为此，HTML5 包含一个新标签。因为

元素是分节根，所以其内容的轮廓将从页面的主轮廓中删除。

Figure 标签的使用：要在 HTML 页面中嵌入图像，请使用 元素。图像链接到网页，而不是放入网页中。 元素为指定的图像生成占位符。

元素用于为图片提供标题。它是一个可选标签，可以出现在标签内容之前或之后。尽管元素本身可能包括多个附加组件，例如 或 ，但只有一个元素可以嵌套在标签中。元素与元素一起使用，它可能是元素的第一个或最后一个子元素。

通常是在文档的主要流程中引用的图片、插图、图表、代码片段或其他项目，但可以在不中断主要流程的情况下重新定位到文本的另一部分或附录。

元素的内容大纲从页面的主大纲中省略，因为它是一个分节根。通过将

作为第一个或最后一个子元素放入其中，可以将标题与

元素连接起来。图形的标题作为图形中的第一个

元素给出。

句法：

    
    
.......

参数：

1. img src：此标签用于文档中以包含图像源。
2. figcaption：该元素用于指定图像的标题。

示例 1：在此示例中，要在文档中标记 geeksforgeeks 图像，我们将使用

元素和

元素来指定图像的标题。

HTML

  
    
  
  
    

      
       

         GeeksforGeeks | A computer science portal for geeks
       
    
 

输出：

示例 2：在此示例中，我们将使用带有嵌套在单个

元素中的多个图像的 figure 标签，该元素具有单个标题。

HTML

   
      
   
   
      

         
         
         
         

           GeeksforGeeks | A computer science portal for geeks
         
      
   

输出：