VOOZH about

URL: https://www.geeksforgeeks.org/html/html-dfn-tag/

⇱ HTML dfn Tag - GeeksforGeeks

  • Courses
  • Tutorials
  • Interview Prep

HTML dfn Tag

Last Updated : 11 Jul, 2025

The <dfn> tag in HTML represents a definition element and is used to represent 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> Content ...</dfn>

The content inside the <dfn> tag can be any of the following:

Term Definition Inside <dfn>: Placing the term's meaning directly within the <dfn> element.

<p><dfn>Learn</dfn>HTML from GeeksforGeeks</p>

Enhanced Information with Title Attribute

Utilizing the title attribute to provide supplementary details about the term.

<p><dfn title="HyperText Markup Language">Learn</dfn>HTML from GeeksforGeeks</p>

Use of <abbr> for Term Explanation

Employing the <abbr> tag within <dfn> to abbreviate or clarify terms.

<p>
 <dfn><abbr title="HyperText Markup Language">
 Learn</abbr>
 </dfn>HTML from GeeksforGeeks
</p>

Identification with id Attribute

Adding an identifier (id) to the term's definition for easy reference.

<p><dfn id="html-def">Learn</dfn>HTML from GeeksforGeeks</p>
<p>Hey Their,How are you</p>
<p>Learn <a href="#html-def">HTML</a>on Geeks platform</p>
Comment
Article Tags: