<dfn> Tag Examples

Examples of the dfn tag in HTML 5
Simple inline definition

In the following example, the term being defined is the content of the <dfn> tag. Whenever a term is used it can refer back to the definition using an <a> tag:

<p><dfn id="definition-of-love">Love</dfn> is a strong passionate feeling
for another person. I <a href="#definition-of-love">love</a> you.</p>

The value of the <a href> attribute starts with a hash symbol (#) indicating that it is a fragment identifier pointing to another location in the same page.

An example where the term being defined is specified in the title attribute:

A <dfn id="blog-dfn" title="blog">blog or weblog</dfn> is an online journal.

Examples where the term being defined is an acronym or its meaning

<p>An <dfn id="acronym-dictionary" title="acronym dictionary">
   <a href="http://www.Acronyms.net/dictionary.html">acronym dictionary</a></dfn>
   provides a list of possible definitions of an acronym.
   An <dfn id="acronym-finder" title="acronym finder">
   <a href="http://www.Acronyms.net/finder.html">acronym finder</a></dfn>
   is the opposite of an <a href="#acronym-dictionary">acronym dictionary</a> and
   does just what it's name says - it helps find the acronym that can be used as
   the abbreviation for a given term based on keywords in the acronym definition.
</p>

An acronym dictionary provides a list of possible definitions of an acronym. An acronym finder is the opposite of an acronym dictionary and does just what it's name says - it helps find the acronym that can be used as the abbreviation for a given term based on keywords in the acronym definition.

Definition list with dl element and dfn elements
(see definition list demo above)
<dl>
   <dt>Term: <dfn>&lt;dl&gt; tag</dfn></dt>
   <dd>Definition: The &lt;dl&gt; tag is used to code a description list consisting
   of description terms alternating with groups of one or more detail descriptions.</dd>
   <dt>Term: <dfn>&lt;dt&gt; tag</dfn></dt>
   <dd>Definition: The &lt;dt&gt; tag is used to code a description term
   in a description list, leading into one or more detail description elements.</dd>
   <dt>Term:  <dfn>&lt;dd&gt; tag</dfn></dt>
   <dd>Definition: The &lt;dd&gt; detail description tag is used to code the
   description of an item inside a <b>dl</b> element for a description list.</dd>
</dl>