HTML for XHTML Acronym

when XHTML means Extensible Hypertext Markup Language

New! Now updated with the inheritance rules for the title attribute in HTML 5

The easiest way to create HTML code indicating that the acronym XHTML stands for Extensible Hypertext Markup Language is to simply include the acronym in an HTML <a> tag and an abbreviation tag (not an acronym tag):


         <a href="http://www.Acronyms.net/terms/e/Extensible-Hypertext-Markup-Language/" title="Extensible Hypertext Markup Language"
         

            onclick="if (confirm('XHTML stands for Extensible Hypertext Markup Language')) return false;"
         

         >
         

            <abbr>XHTML</abbr>
         

         </a>

This is the recommended code for both HTML 4 browsers and HTML 5 browsers. Some browsers, most notably IE, do not activate help when the title attribute is coded on the <abbr> tag, but they do work as expected for titles on the <a> tag. The <abbr> tag inherits its title attribute from the parent <a> tag.

If you are creating HTML code for the definition of Extensible Hypertext Markup Language, the meaning of the acronym XHTML, then include a <dfn> definition tag around the <abbr> abbreviation tag and follow the entire HTML code for the hypertext link with the definition of the term:


         <p>A <a href="http://www.Acronyms.net/terms/e/Extensible-Hypertext-Markup-Language/" title="Extensible Hypertext Markup Language"
         

            onclick="if (confirm('XHTML stands for Extensible Hypertext Markup Language')) return false;"
         

         >
         

            <dfn><abbr title="Extensible Hypertext Markup Language">XHTML</abbr>
         

         </a> is ...(definition of Extensible Hypertext Markup Language)....</p>

The <dfn> tag gets the term being defined from the title attribute of the <abbr> tag. The result should look like this (hovering your mouse over the XHTML acronym shows the expanded meaning of the acronym):

A XHTML is ...(definition of "Extensible Hypertext Markup Language")....

If you are creating HTML code that simply expands the acronym then indicate that it is the XHTML acronymn which is being defined using an HTML <dfn> tag with a title attribute around the <abbr> tag and follow the HTML for the hypertext link with the acronym definition:


         <p>When we use the acronym <a href="http://www.Acronyms.net/terms/e/Extensible-Hypertext-Markup-Language/" title="Extensible Hypertext Markup Language"
         

            onclick="if (confirm('XHTML stands for Extensible Hypertext Markup Language')) return false;"
         

         >
         

            <dfn title="XHTML"><abbr title="Extensible Hypertext Markup Language">XHTML</abbr></dfn>
         

         </a> it is the abbreviation for Extensible Hypertext Markup Language.</p>

The result should look like this (hovering your mouse over the XHTML acronym shows the definition):

When we use the acronym XHTML it is the abbreviation for Extensible Hypertext Markup Language.

Acronym Vocabulary URI Declaration

For the remaining examples, the Acronym Vocabulary namespace URI needs to be declared for use with element tag names and attribute values. For an HTML web page, the beginning of the file should look like this:


         <?xml version="1.0" encoding="UTF-8"?>
         

         <!DOCTYPE html [
         

            <!ENTITY at "http://Acronyms.net/terms/">
         

            <!ENTITY av "http://Acronyms.net/vocabulary/">
         

         ]>
         

         <html xmlns="http://www.w3.org/1999/xhtml" xmlns:av="&av;">
         

            <head>
         

               <style type="text/css">
         

                  .hide { display: none }
         

               </style>
         

               ...

This only needs to be done once per document file.

XLink simple link

First, declare the vocabulary as shown above. Then, add acronyms as follows:


         <a href="http://www.Acronyms.net/terms/e/Extensible-Hypertext-Markup-Language/" title="Extensible Hypertext Markup Language"
         

            xlink:type="simple"
         

            xlink:href="http://www.Acronyms.net/terms/e/Extensible-Hypertext-Markup-Language/"
         

            xlink:arcrole="&av;definedAt"
         

            xlink:role="&av;definition"
         

            xlink:title="Extensible Hypertext Markup Language"
         

            xlink:show="new"
         

            xlink:actuate="onRequest"
         

         >
         

            <abbr
         

               xlink:type="simple"
         

               xlink:href="&at;Extensible-Hypertext-Markup-Language"
         

               xlink:arcrole="&av;standsFor"
         

               xlink:role="&av;term"
         

               xlink:title="XHTML - Extensible Hypertext Markup Language"
         

               xlink:show="new"
         

               xlink:actuate="onRequest"
         

            >XHTML</abbr></dfn>
         

         </a>

XLink extended link

First, declare the vocabulary as shown above. Then, add acronyms as follows:


         <a xlink:type="extended" href="http://www.Acronyms.net/terms/e/Extensible-Hypertext-Markup-Language/" title="Extensible Hypertext Markup Language">
         

            <abbr xlink:type="resource" xlink:label="acronym">XHTML</abbr>
         

            <span class="hide" xlink:type="resource" xlink:label="verbal" xlink:title="pronunciation">x h t m l</span>
         

            <span class="hide" xlink:type="resource" xlink:label="expand" xlink:title="expansion">Extensible Hypertext Markup Language</span>
         

            <span class="hide" xlink:type="locator" xlink:label="term" xlink:role="&av;term" xlink:href="&at;Extensible-Hypertext-Markup-Language" xlink:title="Extensible Hypertext Markup Language"/>
         

            <span class="hide" xlink:type="locator" xlink:label="definition" xlink:role="&av;definition" xlink:href="http://www.Acronyms.net/terms/e/Extensible-Hypertext-Markup-Language/" xlink:title="Extensible Hypertext Markup Language"/>
         

            <span class="hide" xlink:type="locator" xlink:label="finder" xlink:role="&av;reference" xlink:href="http://www.Acronyms.net/reference/e/XHTML#Extensible-Hypertext-Markup-Language" xlink:title="XHTML - Extensible Hypertext Markup Language"/>
         

            <span class="hide" xlink:type="arc" xlink:from="acronym" xlink:arcrole="&av;pronounceAs" xlink:to="verbal" xlink:actuate="onLoad"/>
         

            <span class="hide" xlink:type="arc" xlink:from="acronym" xlink:arcrole="&av;expandsTo" xlink:to="expand"/>
         

            <span class="hide" xlink:type="arc" xlink:from="acronym" xlink:arcrole="&av;standsFor" xlink:to="term"/>
         

            <span class="hide" xlink:type="arc" xlink:from="term" xlink:arcrole="&av;definedAt" xlink:to="definition" xlink:show="new" xlink:actuate="onRequest"/>
         

            <span class="hide" xlink:type="arc" xlink:from="acronym" xlink:arcrole="&av;foundAt" xlink:to="finder" xlink:show="new" xlink:actuate="onRequest"/>
         

         </a>

embedded RDF metadata

First, declare the vocabulary as shown above. Then, add acronyms as follows:


         <a href="http://www.Acronyms.net/terms/e/Extensible-Hypertext-Markup-Language/" title="Extensible Hypertext Markup Language">
         

            <abbr>XHTML</abbr>
         

         </a>

Printer-friendly PDF* format:

Extensible Hypertext Markup Language

You are currently viewing this page in XHTML 1 Style Sheet* format (* see Clicklets for more infomation). This document is also available in XHTML 1*XML*HTML 4*HTML 5 Style Sheet*HTML 5 XML*HTML 5 non-XML* XHTML 2* XHTML Mobile* WML Mobile* and printer-friendly PDF* formats. This is accomplished with Single Source Publishing, a content management system that uses templates in XSLT style sheets provided by XML Styles .com to transform the source content for various content delivery channels. There is also RDF* metadata that describes the content of this document.