HTML abbr Tag

❮ Previous Next ❯

Definition and Usage

The <abbr> tag is used to show abbreviations or acronyms in a webpage. For example, it's used for short forms like "HTML," "CSS," "Mr.," "Dr.," "ASAP," and "ATM".

Tip: Use the global title feature to display a description for an abbreviation or acronym when you hover your mouse pointer over it.

Global Attributes

The <abbr> tag in HTML allows you to use Global Attributes..

Event Attributes

The <abbr> tag in HTML allows you to use Global Attributes..

More Examples

Default CSS Settings

When you use the <abbr> element in most web browsers, it will be shown with its default settings:

<!DOCTYPE html>
<html>
  <head>
    <title>Page Title</title>
  </head>
  <body>
    The <abbr title="World Health Organization">WHO</abbr> was founded in 1948.
  </body>
</html>

<!DOCTYPE html>
<html>
  <head>
    <title>Page Title</title>
  </head>
  <body>
    <p>
      <dfn>
        <abbr title="Cascading Style Sheets">CSS</abbr>
      </dfn> is a language that describes the style of an HTML document.
    </p>
  </body>
</html>

<!DOCTYPE html>
<html>
  <head>
    <title>Page Title</title>
    <style>
      abbr {
        display: inline;
      }
    </style>
  </head>
  <body>
    <h1>Welcome to My Page</h1>
    <p>Here's an example with an <abbr title="abbreviation">abbr</abbr> tag. </p>
  </body>
</html>

❮ Previous Next ❯

HTML Basics

HTML Tags

HTML Attributes

HTML Graphics

HTML APIs

HTML DOM

HTML Audio/Video