Ever wonder what in the world I’m talking about when I refer to HTML? Or, what NN4 stands for? How about UI, or NJIT?
One of the tags that was specified with the HTML 4.0 specification is the acronym tag. This tag is supposed to help deal with the plethora of acronyms that permeate technology documentation, but it doesn’t seem to be implemented very often. Part of the reason for this problem may be the very fact that there’s no real way to tell if an acronym tag has been applied to some text without floating your mouse over it and waiting for a tooltip to pop up.
The Mozilla organization got smart about this and enabled Mozilla and its variant browsers to style all <acronym> tags with a little dotted line—a subtle user interface cue to float your curser over the acronym and get its meaning. It occurred to me today that Internet Explorer could also take advantage of this as well.
acronym {
border-bottom: 1px dotted #000;
}
This bit of CSS code will enable the browser to underline any acronyms on the page with a subtle, dotted line. This indicates to the user that if he or she floats the mouse cursor over the acronym, that a tooltip will pop up with the meaning of that acronym. Though Internet Explorer has a bug that confuses dotted for dashed lines in CSS code, the concept works just as well. Cool, eh?
Update: See further discussion over the differences between the <acronym> and <abbr> tags.