HTML ABBR Tutorial

For example, I might use the abbreviation LLC in a story about a business. Some people might not know what "LLC" means, but I can tell them without interrupting the flow of the story for those who do know the meaning.

Rest your cursor on this abbreviation: LLC

The appearance of the abbreviation can depend on the browser being used, but all major browsers support the abbreviation tag.

You have to add a title attribute to the abbreviation tag in order for the tool tip explaining what the abbreviation means to show up. That's coded like this:

<abbr title="Explain your abbreviation here">LLC</a>

That's pretty self-explanatory . . . just surround your abbreviation with the opening and closing abbreviation tags and then add the title and title text to the opening tag.

You can use CSS to change the appearance of the abbreviation. You might make a red dashed line under it by adding border on the bottom, place a border around the whole thing, or whatever tickles your fancy—and I DO know you like having your fancy tickled!