Related Articles

Related Articles

HTML | <dfn> Tag
  • Difficulty Level : Basic
  • Last Updated : 17 Jul, 2019

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:

filter_none

edit
close

play_arrow

link
brightness_4
code

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

chevron_right


Output:



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

filter_none

edit
close

play_arrow

link
brightness_4
code

<!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>

chevron_right


Output:

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

filter_none

edit
close

play_arrow

link
brightness_4
code

<!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>

chevron_right


Output:

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

filter_none

edit
close

play_arrow

link
brightness_4
code

<!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>

chevron_right


Output:

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

  • Google Chrome
  • Internet Explorer
  • Firefox
  • Opera
  • Safari

full-stack-img




My Personal Notes arrow_drop_up
Recommended Articles
Page :