<?xml version="1.0" encoding="ISO-8859-1"?>
<!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.3//EN" "http://www.wapforum.org/DTD/wml13.dtd">
<wml>
 <!-- page name="index"-->
 <template>
  <do optional="false" label="Back Up" type="accept">
   <go enctype="application/x-www-form-urlencoded" method="get" sendreferer="true" href="#index"/>
  </do>
 </template>
 <card ordered="true" newcontext="false" id="index">
  <do optional="false" label="Back Up" type="accept">
   <noop/>
  </do>
  <do optional="false" label="Back" type="prev">
   <prev/>
  </do>
  <do optional="false" type="options" label="Next">
   <go enctype="application/x-www-form-urlencoded" method="get" sendreferer="true" href="#reference"/>
  </do>
  <a href="#reference" accesskey="1">The &lt;abbr&gt; Tag</a>
  <br/>
  <a href="#syntax" accesskey="2">Syntax</a>
  <br/>
  <a href="#attributes" accesskey="3">Attributes</a>
  <br/>
  <a href="#examples" accesskey="4">Examples</a>
  <br/>
  <a href="#differences" accesskey="5">Differences</a>
  <br/>
 </card>
 <card ordered="true" newcontext="false" id="reference">
  <do optional="false" type="options" label="Next">
   <go enctype="application/x-www-form-urlencoded" method="get" sendreferer="true" href="#syntax"/>
  </do>
  <!-- h2 -->
  <h2>The &lt;abbr&gt; tag in HTML 5</h2>
  <p align="left">
   <a href="#syntax">Next: Syntax</a>
   <br/>
   <a href="#index">Back Up: Menu</a>
   <br/>
  </p>
 </card>
 <card ordered="true" newcontext="false" id="syntax">
  <do optional="false" type="options" label="Next">
   <go enctype="application/x-www-form-urlencoded" method="get" sendreferer="true" href="#attributes"/>
  </do>
  <!-- h3 -->
  <h3>Syntax of the &lt;abbr&gt; tag</h3>
  <p align="left">
   <a href="#attributes">Next: Attributes</a>
   <br/>
   <a href="#reference">Prev: The &lt;abbr&gt; Tag</a>
   <br/>
   <a href="#index">Back Up: Menu</a>
   <br/>
  </p>
 </card>
 <card ordered="true" newcontext="false" id="attributes">
  <do optional="false" type="options" label="Next">
   <go enctype="application/x-www-form-urlencoded" method="get" sendreferer="true" href="#examples"/>
  </do>
  <!-- h3 -->
  <h3>Attributes of the &lt;abbr&gt; tag</h3>
  <!--TO DO: uses XMLStyles_wml1.xsl - delete XMLStyles_wml.xsl-->
  <p align="left">title attribute</p>
  <p align="left">The title attribute may be coded with the expanded meaning of the acronym or abbreviation in the content of the &lt;abbr&gt; tag. However, browsers tend to ignore the title attribute of the &lt;abbr&gt; tag. To have the browser pop up tool tips with the meaning of acronyms and abbreviations wrap the &lt;abbr&gt; tags inside &lt;a&gt; tags with title attributes instead, as described by <a href="http://www.Acronyms.net/">Acronyms .net</a>. </p>
  <p align="left">Unlike the <a href="../../attributes/">common attribute</a> of the same name, the title attribute of the &lt;dfn&gt; tag does <span class="underlined">not</span> inherit its value from an ancestor tag. </p>
  <p align="left">common attributes</p>
  <p align="left">In addition to the attributes above, which are specific to the &lt;abbr&gt; tag, any of the <a href="../../attributes/">common HTML attributes</a> can also be used. </p>
  <p align="left">
   <a href="#examples">Next: Examples</a>
   <br/>
   <a href="#syntax">Prev: Syntax</a>
   <br/>
   <a href="#index">Back Up: Menu</a>
   <br/>
  </p>
 </card>
 <card ordered="true" newcontext="false" id="examples">
  <do optional="false" type="options" label="Next">
   <go enctype="application/x-www-form-urlencoded" method="get" sendreferer="true" href="#differences"/>
  </do>
  <!-- h3 -->
  <h3>Examples of the abbr tag in HTML 5</h3>
  <p align="left"/>
  <!-- h4 -->
  <h4>Examples with <a href="../dfn-tag/">&lt;dfn&gt;</a>, where an acronym or its meaning is being defined</h4>
  <p>When an acronym or abbreviation is associated with a definition, it could be either the abbreviated form or its expanded meaning that is being defined. The term being defined is identified by the value of the title attribute of the <a href="../dfn-tag/">&lt;dfn&gt; tag</a>. </p>
  <p>When an abbreviation is a short form of the actual term being defined, a parent <a href="../dfn-tag/">&lt;dfn&gt; tag</a> will also assume the value of the &lt;abbr&gt;'s title attribute, which indicates the term that is being defined is the fully expanded meaning: </p>
  <p align="left">&lt;dfn&gt;&lt;abbr title="Internet Corporation for Assigned Names and Numbers"&gt;ICANN&lt;/abbr&gt;&lt;/dfn&gt;is the international organization which helps ensure that Internet domain names are assigned in an orderly manner.</p>
  <p>When an acronym's meaning is being clarified by expanding it, then it is the acronym itself that is being defined and the title attribute of the parent <a href="../dfn-tag/">&lt;dfn&gt; tag</a> also needs to be coded to indicate it is not the expanded meaning in the &lt;abbr&gt;'s title but the acronym or abbreviation itself that is being defined: </p>
  <p align="left">When we use the acronym &lt;dfn title="RSS"&gt;&lt;abbr title="Really Simple Syndication"&gt;RSS&lt;/abbr&gt;&lt;/dfn&gt;it is the abbreviation for &lt;b&gt;Really Simple Syndication&lt;/b&gt;, not RDF Site Summary.</p>
  <p align="left">
   <a href="#differences">Next: Differences</a>
   <br/>
   <a href="#attributes">Prev: Attributes</a>
   <br/>
   <a href="#index">Back Up: Menu</a>
   <br/>
  </p>
 </card>
 <card ordered="true" newcontext="false" id="differences">
  <!-- h3 -->
  <h3>What's new in HTML 5</h3>
  <!-- h3 -->
  <h3>Differences between HTML 5 and earlier versions</h3>
  <p>&lt;abbr&gt; should be used instead of &lt;acronym&gt; since the <a href="../avoid/#acronym">acronym tag has been deprecated</a>. </p>
  <p align="left">
   <a href="#examples">Prev: Examples</a>
   <br/>
   <a href="#index">Back Up: Menu</a>
   <br/>
  </p>
 </card>
</wml>
