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 SQL stands for SQL Query 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/s/SQL-Query-Language/" title="SQL Query Language" onclick="if (confirm('SQL stands for SQL Query Language')) return false;"> <abbr>SQL</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 SQL Query Language, the meaning of the acronym SQL, 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/s/SQL-Query-Language/" title="SQL Query Language" onclick="if (confirm('SQL stands for SQL Query Language')) return false;"> <dfn><abbr title="SQL Query Language">SQL</abbr></a> is ...(definition of SQL Query 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 SQL acronym shows the expanded meaning of the acronym):
A SQL is ...(definition of "SQL Query Language")....
If you are creating HTML code that simply expands the acronym then indicate that it is the SQL 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/s/SQL-Query-Language/" title="SQL Query Language" onclick="if (confirm('SQL stands for SQL Query Language')) return false;"> <dfn title="SQL"><abbr title="SQL Query Language">SQL</abbr></dfn></a> it is the abbreviation for SQL Query Language.</p>
The result should look like this (hovering your mouse over the SQL acronym shows the definition):
When we use the acronym SQL it is the abbreviation for SQL Query Language.
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.
First, declare the vocabulary as shown above. Then, add acronyms as follows:
<a href="http://www.Acronyms.net/terms/s/SQL-Query-Language/" title="SQL Query Language" xlink:type="simple" xlink:href="http://www.Acronyms.net/terms/s/SQL-Query-Language/" xlink:arcrole="&av;definedAt" xlink:role="&av;definition" xlink:title="SQL Query Language" xlink:show="new" xlink:actuate="onRequest"> <abbr xlink:type="simple" xlink:href="&at;SQL-Query-Language" xlink:arcrole="&av;standsFor" xlink:role="&av;term" xlink:title="SQL - SQL Query Language" xlink:show="new" xlink:actuate="onRequest" >SQL</abbr></dfn></a>
First, declare the vocabulary as shown above. Then, add acronyms as follows:
<a xlink:type="extended" href="http://www.Acronyms.net/terms/s/SQL-Query-Language/" title="SQL Query Language"> <abbr xlink:type="resource" xlink:label="acronym">SQL</abbr> <span class="hide" xlink:type="resource" xlink:label="verbal" xlink:title="pronunciation">s q l</span> <span class="hide" xlink:type="resource" xlink:label="expand" xlink:title="expansion">SQL Query Language</span> <span class="hide" xlink:type="locator" xlink:label="term" xlink:role="&av;term" xlink:href="&at;SQL-Query-Language" xlink:title="SQL Query Language"/> <span class="hide" xlink:type="locator" xlink:label="definition" xlink:role="&av;definition" xlink:href="http://www.Acronyms.net/terms/s/SQL-Query-Language/" xlink:title="SQL Query Language"/> <span class="hide" xlink:type="locator" xlink:label="finder" xlink:role="&av;reference" xlink:href="http://www.Acronyms.net/reference/s/SQL#SQL-Query-Language" xlink:title="SQL - SQL Query 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>
First, declare the vocabulary as shown above. Then, add acronyms as follows:
<a href="http://www.Acronyms.net/terms/s/SQL-Query-Language/" title="SQL Query Language"> <abbr>SQL</abbr></a>