Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

HTML

Posted by William Owens
William Owens
8,668 Points

Why doesn't the title tab show up in my browser when I use the <abbr> tag?

I put together a little html doc to practice with the <abbr> tag and when I load it in the browser no title appears when I hover over it. Any ideas? Here's the link, it's in the Index.html file:

https://w.trhou.se/h0lzhjyq9j

HTML

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>My Page</title>
    </head>
    <body>
        <p>I know how to use <abbr title="self-contained underwater breathing apparatus">SCUBA</abbr> gear.</p>
    </body>

</html>

2 Answers

Leandro Botella Penalva
Leandro Botella Penalva
17,618 Points
Leandro Botella Penalva
Leandro Botella Penalva
17,618 Points

Hi William,

I tried your code with several browsers and it works fine while hovering the "SCUBA" word. Be sure you are using the latest version of your web browser.

William Owens
William Owens
8,668 Points

Thanks! I'll check to see if my browser needs an update.

Evgeniia Mas
Evgeniia Mas
4,452 Points
Evgeniia Mas
Evgeniia Mas
4,452 Points

Hello! I tried it also on different browsers and as Leandro said everything is ok as this tag has nice support. So, it's rather curious what browser do you use and did you try it outside of Treehouse Workspace (just save as index.html and run it)? And also if you use mouse you have hover effect. But on mobile devices (touch screen) when you have no mouse you'll face such problems when user hover your buttons and so on and get nothing what is provided on devices with mouse. In such cases are used pseudo classes as active, focus, hover according to the situation.