Treehouse: Grow your CSS skills. Land your dream job.

Last updated on:

Tooltips for Acronyms

I love CSS

I love <acronym title="Cascading Style Sheets">CSS</acronym>.

Comments

  1. TeMc
    Permalink to comment#

    I never heard of the acronym-tag, thought abbr-element was made for this.

    Atleast, acronym doesn’t have styling by default in Firefox/Safari (ie. question cursor and dotted underline), where abbr(evation) has !


    text here

    Eitherway, thanks :)
    Also check out over here:
    http://www.benmeadowcroft.com/webdev/articles/abbr-vs-acronym.shtml
    PS: Is there a difference between the

    • ambrooks
      Permalink to comment#

      My understanding is that one of these will be depreciated in html5. I don’t remember which one it is, though.

    • David
      Permalink to comment#

      The acronym tag is deprecated use “abbr” tag instead :)

  2. drewschug

    Acronyms and Abbreviations are different. This looked to have some good definitions http://www.acronym-guide.com/difference-between-acronyms-and-abbreviations.php

  3. Vas
    Permalink to comment#

    Thanks a lot :)

  4. Falkon
    Permalink to comment#

    one question; how can you make a tooltip for navigation-bar like in Yahoo? when mouse over you have the tool tip that explains the content of that page before choosing that link in a nav-bar.

  5. Eric
    Permalink to comment#

    <acronym> is obsolete.

    Use <abbr> instead.

Leave a Comment

Posting Code

We highly encourage you to post problematic HTML/CSS/JavaScript over on CodePen and include the link in your post. It's much easier to see, understand, and help with when you do that.

Markdown is supported, so you can write inline code like `<div>this</div>` or multiline blocks of code in in triple backtick fences like this:

```
<script>
  function example() {
    element.innerHTML = "<div>code</div>";
  }
</script>
```