HTML5 abbr Tag - Abbreviation Element

Last updated on

HTML5 <abbr> Tag

HTML5 Abbreviation Element

HTML5 abbr Tag Button

HTML5 abbr Tag HTML

HTML5 abbr Tag

The HTML5 Abbreviation element <abbr> represents an abbreviation or acronym. The optional title attribute can provide description for the abbreviation. If present, title must contain this full description and nothing else.

In other words the <abbr> tag in HTML5 is used to define the abbreviation or short form of an element.

The abbreviation (<abbr> element) is used to provide useful information to the browsers, translation systems and search engines.

What does abbr stand for ?

abbr stand for Abbreviation. Defines an abbreviated form of a longer word or phrase.

What is HTML5 abbr Tag ?

The <abbr> element is used along with a title attribute to associate a full-text explanation with an abbreviation or acronym. Website visitors do not see the text in the title attribute of abbr element, but browsers and search engines use this information.

How to use abbr Tag in HTML5 ?

  • The <abbr> tag should be used any time that you have an abbreviation or an acronym.
  • It should be used to introduce an uncommon or non-obvious acronyms or abbreviations.
  • Whenever the <abbr> tag is used, you should always use the title attribute, which indicates the meaning of the abbreviation or acronym.

Following is the HTML5 abbr tag code example and HTML5 abbr tag format.

HTML5 abbr Tag Example

<!doctype html>
    <title>HTML5 abbr Tag Example</title>
    <p>You are learning about <abbr title="Hyper Text Markup Language Version 5">HTML5</abbr> element <abbr title="Abbreviation Tag"><abbr></abbr>.</p>

HTML5 abbr Tag Example Output

You are learning about HTML5 element <abbr>.

What are <abbr> Element Supported Attributes ?

This <abbr> element only supports the global attributes. The title attribute has a specific semantic meaning when used with the <abbr> element; it must contain a full human readable description or expansion of the abbreviation. This text is often presented by browsers as a tooltip when the mouse cursor is hovered over the element.

What are abbr tag attributes in HTML5 ?

The abbr tag only supports the global attributes in HTML5.