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, title attribute 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:

    some text

HTML <dfn> Tag Basic Example

Below we have a basic example showing how we use the HTML <dfn> tag:

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