Saturday, December 2, 2023
HomeVideo EditingHTML Component: abbr

HTML Component: abbr


Instance

Syntax

1
<p>The <abbr title="World Well being Group">WHO</abbr> is a specialised company of the United Nations.</p>

Outcome

Discover the browser’s default styling for the abbr ingredient; a dotted underline. Hover over the abbreviated textual content and also you’ll be proven a tooltip with the contents from the title attribute:

screenshot example of how the tooltip of HTML abbr element worksscreenshot example of how the tooltip of HTML abbr element worksscreenshot example of how the tooltip of HTML abbr element works

Content material

Whereas the first function of the <abbr> ingredient is to mark up abbreviations and acronyms, the HTML specification does not prohibit its use to a lot of these content material.

Utilizing the <abbr> ingredient to mark up different kinds of short-form content material, similar to dates, measurements, or items, is feasible. Nonetheless, it is suggested to make use of the <abbr> ingredient for its supposed function to make sure semantic and accessible markup.

Did You Know?

  • The <abbr> ingredient was launched in HTML 4.0 in 1998.
  • The <abbr> ingredient contains abbreviations and acronyms. It can be used to mark up different kinds of short-form content material, similar to dates, measurements, and items.
  • Display readers and different assistive applied sciences can use the title attribute of the <abbr> ingredient to announce the total type of the abbreviation or acronym to visually impaired customers.
  • The <abbr> ingredient could be styled utilizing CSS to show the abbreviation or acronym in a particular manner, similar to altering the colour or including a border.

Be taught Extra

RELATED ARTICLES

LEAVE A REPLY

Please enter your comment!
Please enter your name here

Most Popular

Recent Comments