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:
HTML
<!DOCTYPE html>
<html>
<body>
<p><dfn>Geeksforgeeks</dfn> is a portal for geeks.</p>
</body>
</html>
|
Output:
Example 2: Using title attribute of the <dfn> tag.
HTML
<!DOCTYPE html>
<html>
<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.
HTML
<!DOCTYPE html>
<html>
<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.
HTML
<!DOCTYPE html>
<html>
<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:
- Google Chrome
- Edge 12 and above
- Internet Explorer
- Firefox 1 and above
- Opera
- Safari