HTML Title Attribute

Question

On my website, I included images. I am currently displaying the copyright information for the images as a title attribute on the image tag.

I have recently found out that mobile browsers cannot display tooltips, meaning that the copyright information does not display on mobile. This is an issue.

I was wondering if there was a way to create a black bar at the bottom of the photo with the image's title attribute displayed on in?

---

UPDATE: Nevermind. I have decided that I will implement the figcaption element for all future images. Thanks for all of the answers though.

Answer 1

You can use <figure> element to mark up a photo in a document in HTML 5.

<figure> 
    <img src="img_pulpit.jpg" alt="The Pulpit Rock" width="304" height="228">
    <figcaption>Fig.1 - A view of the pulpit rock in Norway.</figcaption>
</figure>

Here is a link on W3Schools.com to show you how it works!

Hope this help!