Etiqueta HTML <dfn>

La etiqueta <dfn> en HTML representa un elemento de definición y se usa para representar una instancia de definición en HTML. Generalmente, la instancia definitoria es el primer uso de un término en un documento. La etiqueta <dfn> requiere una etiqueta inicial y otra final.
 

Sintaxis: 

<dfn>.....</dfn>

Los siguientes ejemplos ilustran la etiqueta <dfn> en HTML:

Ejemplo 1: 
 

HTML

<!DOCTYPE html>
 
<html>
 
    <body>
 
        <!--HTML dfn tag-->
         
 
<p><dfn>Geeksforgeeks</dfn> is a portal for geeks.</p>
 
 
 
    </body>
 
</html>                   

Producción: 
 

Ejemplo 2: uso del atributo de título de la etiqueta <dfn>. 
 

HTML

<!DOCTYPE html>
 
<html>
 
    <body>
         
         <!--HTML dfn tag with title attribute-->
          
 
<p><dfn title="Geeksforgeeks">GFG</dfn>
            is a portal for geeks.</p>
 
 
 
    </body>
 
</html>                   

Producción: 
 

Ejemplo 3: uso del atributo de título de la etiqueta <abbr> dentro del elemento <dfn>. 
 

HTML

<!DOCTYPE html>
 
<html>
 
    <body>
 
         <!--HTML dfn tag with title attribute and abbr tag-->
          
 
<p><dfn><abbr title="Geeksforgeeks">GFG</abbr>
         </dfn> is a portal for geeks.</p>
 
 
 
    </body>
 
</html>                   

Producción: 
 

Ejemplo 4: uso del atributo id junto con la etiqueta <dfn>. 
 

HTML

<!DOCTYPE html>
 
<html>
 
    <body>
 
        <!--HTML dfn tag with id attribute-->
         
 
<p><dfn id="Geeksforgeeks">GFG</dfn> is a
            portal for geeks.</p>
 
 
         
 
<p>Practice questions for cracking
           technical interviews.</p>
 
 
         
 
<p>Prepare for GATE CSE – 2019</p>
 
 
         
 
<p>Visit <a href="#Geeksforgeeks">GFG</a>.</p>
 
 
 
    </body>
 
</html>                   

Producción: 
 

Navegadores compatibles: 

  • Google Chrome
  • Borde 12 y superior
  • explorador de Internet
  • Firefox 1 y superior
  • Ópera
  • Safari

Publicación traducida automáticamente

Artículo escrito por Shubrodeep Banerjee 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 *