HTML dfn Tag
HTML dfn Tag
HTML <dfn> tag is used to highlight the term of the definition while showing a definition on the webpage.
For example, if on a webpage, you want to display a definition, then you can enclose the term for which the definition is within the <dfn> tag to highlight it. By default, it will appear in italic style.
- By adding,
titleattribute and its corresponding value to the<dfn>tag, a tooltip appears. The tooltip displays the value of the title attribute when the user hovers the mouse over the enclosed text. - Also, this is an inline element.
HTML <dfn> Tag - Syntax and Usage
The <dfn> element requires the start(opening) tag and end(closing) tag.
Following is the syntax for using the <dfn> tag in your HTML code:
<dfn>
some text
</dfn>HTML <dfn> Tag Basic Example
Below we have a basic example showing how we use the HTML <dfn> tag:
<!doctype html>
<html>
<head>
<title>
Example of dfn element
</title>
</head>
<body>
<p><dfn title="WWF">WWF</dfn> - The World Wide Fund for Nature is an international non-governmental organization founded in 1961, working in the field of wilderness preservation, and the reduction of human impact on the environment.</p>
</body>
</html>HTML <dfn> Tag Attributes
This element does not have any specific attributes although this element supports Global attributes and Event attributes.
Default CSS style for HTML <dfn> tag
dfn {
font-style: italic;
}Browser Support for HTML <dfn> tag
Following browsers support this attribute:
- Firefox - Yes
- Google Chrome - Yes
- Internet Explorer - Yes
- Safari - Yes
- Opera - Yes










