César
César

Reputation: 1638

Is Figure tag adequate for site logo

This can be the markup but I don't know whether it's semantically correct

<figure class="logo">
    <a href="http://sitios/julioverne">
        <img src="logo.jpg" alt="" title="" />
    </a>
    <figcaption>Brand Name</figcaption>
</figure>

Upvotes: 5

Views: 2713

Answers (2)

Cmorales
Cmorales

Reputation: 1007

Even though the definition that @lanzz provided looks like a good fit, a logo shouldn't be a figure, according to this:

http://html5doctor.com/downloads/h5d-sectioning-flowchart.png

Figures are meant for content referenced in the document, like in a text book about anatomy that explains where your heart is located and it tells you to "look at Figure 1". Logos are not referenced like that in websites, they are purely presentational.

Upvotes: 2

lanzz
lanzz

Reputation: 43168

The figure element represents a unit of content, optionally with a caption, that is self-contained, that is typically referenced as a single unit from the main flow of the document, and that can be moved away from the main flow of the document without affecting the document’s meaning.

Seems fitting for a logo to me.

(reference)

Upvotes: 2

Related Questions