Web Development

HTML – Address Tag and Abbr Tag

HTML <ADDRESS> Element

The HTML <address> tag defines contact information for the nearest <article> or <body> ancestor in the HTML document.

Many documents need to contain a snail-mail address, and there is a special <address> element that is used to contain addresses.

For example, here is the address for AnsMachine inside <address> element. 

HTML Code

<address>Kathmandu Newbaneshwor, Nepal 46000 Bizulibazzar 24509</address>

Output

Kathmandu Newbaneshwor, Nepal 46000 Bizulibazzar 24509 A browser can display the address different than the surrounding document IE, Firefox, and Safari display it in italics form. 

It is widely used on the footer side to display addresses with contact details.  You can override the design format of the <address> element with CSS. 

HTML <ABBR> element for abbreviations

You can indicate when you are using an abbreviated form by placing the abbreviation between the opening <abbr> and closing </abbr> tags. 

When possible, consider using a title attribute whose value is the full version of the abbreviations.

For example, if you want to indicate that CPU is an abbreviation for Central Processing Unit, you can use the <abbr> element,

HTML Code

The most important part of the Computer is <abbr title="Central Processing Unit">CPU</abbr>

Output

The most important part of the Computer is CPU

Now when user point on the abbreviation word CPU visitor will get look like below figure,

When your mouse hovers on CPU abbr you will get the full form of the abbr. If you are abbreviating foreign word, you can also use the XML:lang attribute to indicate the language used. 

Tuts

About Author

Tutsmaster.org provides tutorials related to tech and programmings. We are also setting up a community for the users and students.

You may also like

HTML introduction
Web Development

HTML – Introduction, History & Syntax

  • December 21, 2019
So, first of all, I would like to ask a question for the first time when you heard this term
html heading tag
Web Development

HTML – Heading Tag With Syntax

  • December 21, 2019
A heading tag is one of the most important tags we focus on in HTML or web development because, without