<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/xsl" href="/styles/XMLStylesDoc_xhtml10_en.xsl"?><!DOCTYPE document SYSTEM "/schemas/XMLStyles10.dtd">
<document xmlns="http://XMLStyles.com/namespaces/styles" xmlns:xst="http://XMLStyles.com/namespaces/styles" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:date="http://exslt.org/dates-and-times">
   <noxml>
      <p xmlns="http://www.w3.org/1999/xhtml"/>
      <!-- You are viewing the source.  The following message should be ignored if you did "View Source" in your browser. -->
      <p xmlns="http://www.w3.org/1999/xhtml">
ATTENTION: XML WEB PAGES NOT SUPPORTED
   If you see this message, your current browser does not support the
   1999 XSLT 1.0 (or later) standard for XML web pages such as this one.
   Please upgrade your browser to a newer version
   that supports 1999 or later standards such as:
      Mozilla Firefox version 1.0.2 or later (GetFirefox -&gt; http://www.GetFirefox.com/)
      Netscape version 8 or later
      Safari version 1.3 or later
      Opera version 9 or later
      Microsoft Internet Explorer (MSIE) version 5 or later
   For further assistance, contact the software vendor for your browser.
   To go to the X<!-- extended HTML -->HTML version of this page click the following link:
<a href="index.html">index.html</a>
      </p>
      <p xmlns="http://www.w3.org/1999/xhtml">&#160;</p>
   </noxml>
   <path>/tags/dfn-tag/</path>
   <site>HTML 5 Reference</site>
   <logo xlink:type="simple" xlink:href="/images/html-5.jpg" media="screen" width="156" height="27">HTML 5 Reference</logo>
   <logo xlink:type="simple" xlink:href="/images/html-5.jpg" media="print" width="156" height="27">HTML 5 Reference</logo>
   <logo xlink:type="simple" xlink:href="/images/html-5.jpg" media="handheld" width="150" height="17">HTML 5 Reference</logo>
   <navigation where="sections">
      <label>HTML 5 Reference</label>
      <link xlink:type="simple" xlink:href="/index.xml">Home</link>
      <link xlink:type="simple" xlink:href="/tutorial/index.xml">Tutorial</link>
      <link xlink:type="simple" xlink:href="/tags/index.xml">HTML5 Tags</link>
      <link xlink:type="simple" xlink:href="/attributes/index.xml">Attributes</link>
      <link xlink:type="simple" xlink:href="/css-styles/index.xml">CSS Styles</link>
      <link xlink:type="simple" xlink:href="/metatags/index.xml">Metatags</link>
      <link xlink:type="simple" xlink:href="/cheat-sheet/index.xml">Cheat Sheet</link>
      <link xlink:type="simple" xlink:href="/examples/index.xml">Examples</link>
      <link xlink:type="simple" xlink:href="/definitions/index.xml">Definitions</link>
      <link xlink:type="simple" xlink:href="/diffs/index.xml">Differences</link>
      <link xlink:type="simple" xlink:href="/avoid/index.xml">Avoid</link>
      <link xlink:type="simple" xlink:href="/faqs/index.xml">HTML5 FAQs</link>
      <link xlink:type="simple" xlink:href="/prod/rssfeeds.cgi">RSS Feeds</link>
      <link xlink:type="simple" xlink:href="/prod/help/index.cgi">Help</link>
   </navigation>
   <navigation where="left">
      <label>HTML 5 Reference</label>
      <link xlink:type="simple" xlink:href="/tutorial/index.xml">HTML Tutorial</link>
      <link xlink:type="simple" xlink:href="/tags/index.xml">HTML 5 Tags</link>
      <link xlink:type="simple" xlink:href="/attributes/index.xml">HTML Attributes</link>
      <link xlink:type="simple" xlink:href="/css-styles/index.xml">CSS Styles</link>
      <link xlink:type="simple" xlink:href="/metatags/index.xml">HTML Metatags</link>
      <link xlink:type="simple" xlink:href="/cheat-sheet/index.xml">Cheat Sheet</link>
      <link xlink:type="simple" xlink:href="/examples/index.xml">HTML Examples</link>
      <link xlink:type="simple" xlink:href="/definitions/index.xml">Definitions</link>
      <link xlink:type="simple" xlink:href="/diffs/index.xml">HTML 5 Changes</link>
      <link xlink:type="simple" xlink:href="/avoid/index.xml">Things to Avoid</link>
      <link xlink:type="simple" xlink:href="/faqs/index.xml">HTML 5 FAQs</link>
      <link xlink:type="simple" xlink:href="/prod/help/index.cgi">Help</link>
      <link xlink:type="simple" xlink:href="/prod/help/index.cgi?p=about">About</link>
   </navigation>
   <section type="body">
      <pages name="index">
         <navigation media="handheld" where="up">
            <link xlink:type="simple" xlink:href="../index.mobile.html">HTML Tags</link>
         </navigation>
         <navigation media="handheld" where="next">
            <link xlink:type="simple" xlink:href="../dialog-tag/index.mobile.html">The &lt;dialog&gt; Tag</link>
         </navigation>
         <page id="N100AC" name="index">
            <title>HTML &lt;dfn&gt; Tag</title>
            <subpage id="N100B0" name="reference">
               <title>The &lt;dfn&gt; Tag</title>
               <h2>The <code>&lt;dfn&gt;</code> tag in HTML 5</h2>
               <p>The term that is being defined can be any one of the following:
               </p>
               <ul>
                  <li>the content of the <span class="outlined">dfn</span> element between the
                     <code>&lt;dfn&gt;</code> start tag and the <code>&lt;/dfn&gt;</code> end tag
                  </li>
                  <li>the <code>title</code> attribute of the <code>&lt;dfn&gt;</code> tag</li>
                  <li>the <code>title</code> attribute of an <code>&lt;abbr&gt;</code> tag that is the
                     sole content (no other tags or text nodes) of the <span class="outlined">dfn</span> element
                  </li>
               </ul>
               <p>Note that many HTML pages and even a significant number of examples on the web
                  <span class="underlined">misuse</span> the <code>title</code> attribute for the
                  definition of the term when it is supposed to be the term that is being defined.
               </p>
            </subpage>
            <h3>Converting to HTML 5</h3>
            <p>We are working on <link xlink:type="simple" xlink:href="../../tutorials/converting-to-html-5.html">converting to HTML 5</link>.
               Please visit <link xlink:type="simple" xlink:href="../dfn-tag/index.html">HTML &lt;dfn&gt; Tag</link> on the
               <link xlink:type="simple" xlink:href="http://www.HTML-5.com/index.html">HTML 5 standard</link> version of this site.
            </p>
            <subpage id="N100F8" name="syntax">
               <label>Syntax</label>
               <title>&lt;dfn&gt; Tag Syntax</title>
               <h3>Syntax of the &lt;dfn&gt; tag</h3>
            </subpage>
            <subpage id="N10100" name="attributes">
               <label>Attributes</label>
               <title>Attributes of the &lt;dfn&gt; Tag</title>
               <h3>Attributes of the &lt;dfn&gt; tag</h3>
               <dl>
                  <di>
                     <dt>
                        <code>title</code> attribute</dt>
                     <dd>The <code>title</code> attribute identifies the term that is being defined.
                        Do <span class="underlined">not</span> use the <code>title</code> tag for
                        the definition of the term or for the expanded meaning of an acronym or
                        abbreviation when it is simply being expanded in the text that follows.
                     </dd>
                     <dd>Unlike the <link xlink:type="simple" xlink:href="../../attributes/">common attribute</link>
                        of the same name, the <code>title</code> attribute of the <code>&lt;dfn&gt;</code> tag
                        does <span class="underlined">not</span> inherit its value from an ancestor tag.
                        However, the <code>title</code> attribute of a child
                        <link xlink:type="simple" xlink:href="../abbr-tag/">&lt;abbr&gt; tag</link>
                        will be used, which is appropriate when the term being defined is the
                        expanded meaning of an acronym or abbreviation rather than the abbreviation itself.
                     </dd>
                     <dt>common attributes</dt>
                     <dd>In addition to the attributes above, which are specific to the &lt;dfn&gt; tag, any of the
                        <link xlink:type="simple" xlink:href="../../attributes/">common HTML attributes</link>
                        can also be used.
                     </dd>
                  </di>
               </dl>
            </subpage>
            <subpage id="examples" name="examples">
               <label>Examples</label>
               <title>HTML 5 Examples</title>
               <h3>Examples of the <code>dfn</code> tag in HTML 5</h3>
               <p>An example where the term being defined is the content of the &lt;dfn&gt; tag:
               </p>
               <blockcode>
                  <l>&lt;dfn&gt;Love&lt;/dfn&gt; is a strong passionate feeling for another person.</l>
               </blockcode>
               <p>An example where the term being defined is specified in the <code>title</code> attribute:
               </p>
               <blockcode>
                  <l>A &lt;dfn id="blog-dfn" title="blog"&gt;blog or weblog&lt;/dfn&gt; is an online journal.</l>
               </blockcode>
               <p>Whenever a term is used it can refer back to the definition using an
                  <link xlink:type="simple" xlink:href="../a-tag/">&lt;a&gt; tag</link>:
               </p>
               <blockcode>
                  <l>Entries in a &lt;a href="#blog-dfn"&gt;blog&lt;/a&gt;</l>
                  <l>usually appear in reverse chronological order.</l>
               </blockcode>
               <h4>Examples where the term being defined is an acronym or its meaning</h4>
               <p>The value of the <code>title</code> attribute should be the term that is being defined.
                  When there is an acronym or abbreviation involved, whether the acronym or
                  its expansion appears in the <code>title</code> tag depends on whether
                  it's the abbreviated form or its expanded meaning that is being defined.
               </p>
               <p>When an abbreviation is a short form of the actual term that is being defined,
                  the <code>title</code> attribute should <span class="underlined">not</span> be the acronym or
                  abbreviation that stands for the subject of the definition but rather its fully expanded meaning.
                  Since this is the same purpose that the <code>title</code> attribute of the
                  <link xlink:type="simple" xlink:href="../abbr-tag/">&lt;abbr&gt; tag</link> serves,
                  the title can simply be coded there:
               </p>
               <blockcode>
                  <l>&lt;dfn&gt;&lt;abbr title="Internet Corporation for Assigned Names and Numbers"&gt;ICANN&lt;/abbr&gt;&lt;/dfn&gt;</l>
                  <l>is the international organization which helps ensure that Internet domain names are assigned in an orderly manner.</l>
               </blockcode>
               <p>When an acronym's meaning is being clarified by expanding it,
                  then it is the acronym itself that is being defined
                  and the <code>title</code> attribute of the parent <code>&lt;dfn&gt; tag</code>
                  also needs to be coded to avoid having it assume the incorrect title value from
                  the <link xlink:type="simple" xlink:href="../abbr-tag/">&lt;abbr&gt; tag</link>:
               </p>
               <blockcode>
                  <l>When we use the acronym &lt;dfn title="RSS"&gt;&lt;abbr title="Really Simple Syndication"&gt;RSS&lt;/abbr&gt;&lt;/dfn&gt;</l>
                  <l>it is the abbreviation for &lt;b&gt;Really Simple Syndication&lt;/b&gt;, not RDF Site Summary.</l>
               </blockcode>
            </subpage>
            <subpage id="differences" name="differences">
               <label>Differences</label>
               <title>Changes in HTML 5</title>
               <h3>What's new in HTML 5</h3>
               <h3>Differences between HTML 5 and earlier versions</h3>
            </subpage>
            <updated local="2010-09-19">Sunday September 19, 2010</updated>
         </page>
      </pages>
   </section>
   <copyright>Copyright © 2010 Accilent<span class="sup">®</span> Corp. Alteration of content, including addition of any function such as hypertext links or pop-up advertising, or interference with the hypertext links or other functions of this site is expressly prohibited.</copyright>
   <disclaimer>All information, links, forms, applications and other items on this site or obtained from it are provided <b>AS IS</b>, WITHOUT WARRANTY OF ANY KIND EITHER EXPRESSED OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT.</disclaimer>
</document>
