Tutorialspoint.dev

HTML | <dfn> Tag

The <dfn> tag in HTML represents definition element and is used to representing a defining instance in HTML. Generally, the defining instance is the first use of a term in a document. The <dfn> tag requires a starting as well as an ending tag.

Syntax:

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

Below examples illustrate the <dfn> tag in HTML:

Example 1:

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

Output:



Example 2: Using title attribute of the <dfn> tag.

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

Output:

Example 3: Using title attribute of the <abbr> tag inside the <dfn> element.

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

Output:

Example 4: Using id attribute along with the <dfn> tag.

<!DOCTYPE html>
<html>
    <head>
        <title>HTML dfn tag with id attribute </title>
    </head>
    <body>
        <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>

Output:

Supported Browsers: The browser supported by <dfn> tag are listed below:

  • Apple Safari 1+
  • Google Chrome 1+
  • Firefox 1+
  • Opera 4+
  • Internet Explorer 2+


This article is attributed to GeeksforGeeks.org

leave a comment

code

0 Comments

load comments

Subscribe to Our Newsletter