<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><dl> tag</dfn></dt> <dd>Definition: The <dl> 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><dt> tag</dfn></dt> <dd>Definition: The <dt> tag is used to code a description term in a description list, leading into one or more detail description elements.</dd> <dt>Term: <dfn><dd> tag</dfn></dt> <dd>Definition: The <dd> detail description tag is used to code the description of an item inside a <b>dl</b> element for a description list.</dd> </dl>