<h1>The <code>dfn</code> element</h1>
<h2>Example 1</h2>

<p>
  <dfn><abbr title="HyperText Markup Language">HTML</abbr></dfn> is a markup
  language that web browsers use to interpret and compose text, images, and
  other material into web pages.
</p>
<p>...multiple paragraphs later</p>
<p>
  You can read more about the
  <a href="https://en.wikipedia.org/wiki/HTML">history of <abbr title="HyperText Markup Language">HTML</abbr>on
    Wikipedia</a>.
</p>

<h2>Example 2</h2>

<div class="girdle">
  <p>
    <dfn id="html-definition"><abbr title="HyperText Markup Language">HTML</abbr></dfn>
    is a markup language that web browsers use to interpret and compose text,
    images, and other material into web pages.
  </p>
  <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Facere quos nam cupiditate dolorum totam sint enim eum fugit officiis, magnam quasi tempore perspiciatis, voluptatum minima at? Aperiam facilis at incidunt!</p>
  <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Facere quos nam cupiditate dolorum totam sint enim eum fugit officiis, magnam quasi tempore perspiciatis, voluptatum minima at? Aperiam facilis at incidunt!</p>
  <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Facere quos nam cupiditate dolorum totam sint enim eum fugit officiis, magnam quasi tempore perspiciatis, voluptatum minima at? Aperiam facilis at incidunt!</p>
  <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Facere quos nam cupiditate dolorum totam sint enim eum fugit officiis, magnam quasi tempore perspiciatis, voluptatum minima at? Aperiam facilis at incidunt!</p>
  <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Facere quos nam cupiditate dolorum totam sint enim eum fugit officiis, magnam quasi tempore perspiciatis, voluptatum minima at? Aperiam facilis at incidunt!</p>

  <h4><a href="#html-definition"><abbr title="HyperText Markup Language">HTML</abbr></a> History</h4>

  <p>
    Read more about the <a href="https://en.wikipedia.org/wiki/HTML">language history on Wikipedia</a>.
  </p>
</div>