HTML <dfn> Tag
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>
Note: The <dfn> tag supports the Global Attributes & Event Attributes in HTML.
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 w3wiki</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 w3wiki</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 w3wiki</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 w3wiki</p>
<p>Hey Their,How are you</p>
<p>Learn <a href="#html-def">HTML</a>on Beginner platform</p>
- Cross-Reference with
<a>
Tags: Employing<a>
tags to link terms to their definitions, aiding in navigation between terms and their explanations.
Example 1: The below examples illustrate the <dfn> tag in HTML.
HTML
<!DOCTYPE html> < html > < body > <!--HTML dfn tag--> < p > < dfn >w3wiki</ dfn > is a portal for Beginner. </ p > </ body > </ html > |
Output:
Example 2: In this example, we will see using title attribute of the <dfn> tag.
HTML
<!DOCTYPE html> < html > < body > <!--HTML dfn tag with title attribute--> < p > < dfn title = "w3wiki" >GFG</ dfn > is a portal for Beginner. </ p > </ body > </ html > |
Output:
Example 3: In this example, we will use title attribute of the <abbr> tag inside the <dfn> element.
HTML
<!DOCTYPE html> < html > < body > <!--HTML dfn tag with title attribute and abbr tag--> < p > < dfn > < abbr title = "w3wiki" >GFG</ abbr > </ dfn > is a portal for Beginner. </ p > </ body > </ html > |
Output:
Example 4: In this example, we will use id attribute along with the <dfn> tag.
HTML
<!DOCTYPE html> < html > < body > <!--HTML dfn tag with id attribute--> < p > < dfn id = "w3wiki" >GFG</ dfn > is a portal for Beginner. </ p > < p > Practice questions for cracking technical interviews. </ p > < p >Prepare for GATE CSE – 2019 </ p > < p >Visit < a href = "#w3wiki" >GFG</ a >. </ p > </ body > </ html > |
Output:
Supported Browsers
- Google Chrome 15
- Edge 12 and above
- Firefox 1 and above
- Opera 14 and above
- Safari 6 and above
Contact Us