As I was reading a post written by Lorelle over at the BlogHerald discussing how to help readers keep up with your blog, I came across a tip which I thought I would illustrate here as well. It has to do with defining acronyms within your post in case your readers don’t understand the lingo of your niche.
I’ve been wondering for quite awhile now if there was a way to illustrate what an acronym means without having to place the definition next to the word. I’ve seen many people comment that they become annoyed when an acronym is used and right next to it, is the full sized set of terms. Thanks to Lorelle’s post, I came across the <acronym> tag. When you use the acronym tag, the definition appears as a tooltip when a user hovers their mouse cursor over the word. Place your mouse cursor over the word HTML and see what happens.
The use of the tag is as follows:
<acronym title=”HyperText Markup Language”>HTML</acronym>
You can even add a CSS class to your themes Stylesheet so that each time you use the tag in your content, it has a unique look. To add the class to your stylesheet, copy and paste the following code into your CSS file and style it to your hearts content.
acronym { border-bottom: 1px dotted black; }
For more information and a bonus CSS class that spells out acronyms when users print your web pages from Opera or FireFox, read this article, Defining acronyms on DiveIntoAccessibility.