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+
leave a comment
0 Comments