← Return to Style Guide

CODE

I love <abbr title="Hypertext Markup Language">HTML</abbr> Don't you?.

If we repeat <abbr>HTML</abbr>, we don't have to use the title because we defined it earlier. The CSS is also smart enough that we won't underline it if it doesn't include a title and thus have content to show. 

<abbr title="North Atlantic Treaty Organization">NATO</abbr> is an acronym and also uses the <kbd>abbr</kbd> element.

Using <abbr title="Incorporated">Inc.</abbr>, which is a shortened word rather than a pure abbreviation, can also use the <kbd>abbr</kbd> eleement.

Rendering

I love HTML Don’t you?.

If we repeat HTML, we don’t have to use the title because we defined it earlier. The CSS is also smart enough that we won’t underline it if it doesn’t include a title and thus have content to show.

NATO is an acronym and also uses the abbr element.

Using Inc., which is a shortened word rather than a pure abbreviation, can also use the abbr eleement.

← Return to Style Guide