Etiqueta HTML5 figcaption

La etiqueta <figurecaption> en HTML se utiliza para establecer un título para el elemento de figura en un documento. Esta etiqueta es nueva en HTML5.
 

Sintaxis: 

<figcaption> Figure caption </figcaption>

Ejemplo 1: 

HTML

<!DOCTYPE html>
  
<html>
  
    <body>
  
        <h1>GeeksforGeeks</h1>
        <h2><figcaption Tag></h2>
        <figure>
        <img src=
"https://media.geeksforgeeks.org/wp-content/uploads/geeks-25.png"
        alt="gfglogo" style="width:50%">
        <!--HTML figcaption tag starts here-->
        <figcaption>
            GeeksforGeeks Logo
        </figcaption>
        <!--HTML figcaption tag ends here-->
        </figure>
  
    </body>
  
</html>                    

Producción: 
 

Ejemplo 2: 

HTML

<!DOCTYPE html>
  
<html>
  
    <body>
  
        <h1>GeeksforGeeks</h1>
        <h2><figcaption> Tag</h2>
        <figure>
        <img src=
"https://media.geeksforgeeks.org/wp-content/uploads/geeksforgeeks-20.png"
        alt="gfglogo">
        <!--HTML figcaption tag starts here-->
        <figcaption>
            GFG Logo
        </figcaption>
        <!--HTML figcaption tag ends here-->
        </figure>
  
    </body>
  
</html>                    

Producción: 

Navegadores compatibles: 

  • Google Chrome 8.0
  • Borde 12.0
  • Internet Explorer 9.0
  • Firefox 4.0
  • Ópera 11.1
  • Safari 5.0

Publicación traducida automáticamente

Artículo escrito por Vishal_Khoda y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *