HTML abbr tag

By | February 24, 2020

This is one of HTML special tag mess. In this chapter we will learn about <abbr> tag of HTML. This tag of HTML is used to represent the short name of a long word.

Content written in <abbr> tag of HTML appears as dots in some browsers.

This tag can be used with title.And when we move the mouse or hover over that head, we see it as pop.

Example:-

<abbr title="string">.....</abbr>
<a href="https://learnhtmlcoding.com"><abbr title="Click">Click on this link</abbr> on this link</a>  


Output:-

abb link

Without title Attribute:-

<!DOCTYPE html>
<html lang="en">
<head>
     <meta charset="UTF-8">
     <title>HTML abbr tag</title>
</head>
<body>

<h1><abbr>HTML</abbr> is a markup language</h1>

</body>
</html>

Output:-

abbr without title

With title Attribute:-

<!DOCTYPE html>
<html lang="en">
<head>
     <meta charset="UTF-8">
     <title>HTML abbr tag</title>
</head>
<body>

<h1><abbr title="HyperText Markup language">HTML</abbr> is a markup language</h1>

</body>
</html>

Output:-

abbr with title

Browser Support:-

All modern browsers support this tag of HTML.

Spread the love

Leave a Reply

Your email address will not be published. Required fields are marked *