Menu

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

<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