@ou-imdt/css/docs/native/dfn.md

The IMDT CSS library styles native elements with light, extendable CSS. It is developed for Interactive Media Developers at the Open University.

# dfn

The dfn HTML element is used to indicate the term being defined within the context of a definition phrase or sentence. The p element, the dt/dd pairing, or the section element which is the nearest ancestor of the dfn is considered to be the definition of the term.

ome usage rules for dfn are not obvious, please refer to the [dfn MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/dfn#usage_notes) page for more details.

## Example

<div class="card">
  <p>The <strong>HTML Definition element</strong> (<dfn>&lt;dfn&gt;</dfn>) is used to indicate the term being defined within the context of a definition phrase or sentence.</p>
</div>

<details class="compact">
  <summary>HTML</summary>

```html
<p>The <strong>HTML Definition element</strong> (<dfn>&lt;dfn&gt;</dfn>) is used to indicate the term being defined within the context of a definition phrase or sentence.</p>
```

</details>