HTML <dfn> tag

Use of <dfn> tag

The <dfn> tag is a phrase tag. It is used to identify a term which is to be defined in an HTML document. It is mainly defined at the beginning of a sentence.
By default, the texts within within <dfn> tag and </dfn> tag will be italic font-style.
Type: Inline Element

Example of <dfn> tag

<dfn> HTML </dfn> is the most common language for making web pages.

Supported Browsers

Tag Chrome browser Internet explorer browser Firefox browser Safari browser Opera browser
<dfn> Yes Yes Yes Yes Yes

Full Code Example

<!DOCTYPE html>
<html>
<head>
</head>
<body>
       <dfn> HTML </dfn> is the most common language for making web pages. <br>
       <dfn> CSS </dfn> helps a lot in styling the HTML document.
</body>
</html>

Output

HTML is the most common language for making web pages.
CSS helps a lot in styling the HTML document.

More reference

Whenever a term is defined within <dfn> element, the web browsers will realize that a definition or explaination is about to be declared. For the sake of users, it is recommended to use title attribute with the <dfn> tag to provide like this::: HTML is the most common language for making web pages.

Default CSS properties of <dfn> tag

dfn {
    font-style:italic;
}

Within <dfn> tag, you can add either attributes or even other HTML elements.

             1. Attributes

<dfn class="dfn-class"> HTML </dfn> is the most common language for making web pages. <!--class attribute-->
<dfn id="dfn-id"> CSS </dfn> can make better look webpages. <!--id attribute-->
<dfn title="Hypertext Preprocessor"> PHP </dfn> is necessary for making webpages. <!--title attribute-->

             2. HTML Elements

<dfn> <abbr title="Hypertext Markup language"> HTML </abbr> </dfn> is the most common language for making web pages.<!--<abbr> element-->