<html>
<body>
<dl>
<!-- Router -->
<dt>
<dfn id="def-router">Router</dfn>
</dt>
<dd>
A device used to deliver packets between computer networks.
</dd>
<!-- DNS -->
<dt>
<dfn id="def-dns">
<abbr title="Domain Name System">DNS</abbr>
<dfn>
</dt>
<dd>
A protocol to convert between domain names and IP addresses.
</dd>
</dl>
<p>
Does my <a href="#def-router">router</a>
support <a href="#def-dns">DNS</a>?
</p>
</body>
</html>
The dt element encapsulates a term in a definition list.
dl is a definition list.
dt is a definition term.
dfn is a definition.
dd is a definition description.
* See note below regarding dt vs. dfn
A live example:
* If the definition term (dt) contains additional text around the term, then the dfn element should encapsulate only the word or words being defined.
E.g.
<dt>
The <dfn>TCP/IP</dfn> protocol
</dt>
N of