HTML5ANDCSS3 logoHTML5ANDCSS3Tools and Tutorials

HTML Tags

HTML <dfn> Tag

The <dfn> tag identifies the defining instance of a term or concept within a document.
It is used the first time a term appears, usually alongside its explanation. Browsers may style it in italics by default, but the real purpose is semantic - helping search engines, accessibility tools, and documentation systems understand term definitions.

Syntax

html

<dfn>term being defined</dfn>

Attributes

AttributeDescriptionValue
NoneThe <dfn> tag has no specific attributes.-

Example

html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>DFN Tag Example</title>
</head>
<body>

<p>
    <dfn>HTML</dfn> is a markup language used to structure content on the web.
</p>

</body>
</html>

Output

Browser Output

html

Use our Tryit Editor to see the output

Browser Support

Chrome
Edge
Firefox
Safari
Opera
IE9+
YesYesYesYesYesYes

Notes

  • <dfn> marks only the defining occurrence of a term - later references should not use <dfn>.
  • Screen readers may announce it as a “definition”, improving accessibility.
  • Often combined with <abbr> when defining abbreviations.
  • Purely semantic - does not add styling unless styled with CSS.

Conclusion

The <dfn> tag adds meaningful structure by identifying the first definition of a term in your content. It's simple but valuable for documentation, accessibility, and SEO. Use it whenever you introduce important vocabulary or concepts.

PreviousHTML <code> TagNextHTML <div> Tag