Logo de una Web ¿img o figure?

[hurricane]

Hola a tod@s,

Estoy comenzando a maquetar utilizando el HTML5. Tengo varios libros y he buscado por internet pero no me queda clara la siguiente cuestión: tengo un <header> en el que quiero meter el logotipo de la Web y no se si insertarlo con la etiqueta img directamente o usar la etiqueta figure.

He leido del uso indiscriminado que se hace a veces de la etiqueta figure y la verdad es que no me queda nada claro cuando usarlo y cuando no.

Gracias por la ayuda!

[pzin]

figure se supone que es para representar unidades de contenido, y un logotipo no lo es. Así que yo lo pondría como una imagen normal y corriente, que es lo que es.

[hurricane]

Gracias pzin!

Aclarado entonces lo del logo. Cuando comentas que figure había que utilizarla para representar unidades de contenido ¿a que te refieres concretamente? ¿me puedes dar un ejemplo que me ayude a aclararme? porque siempre estoy con la duda en casos como, un slide, un listado de productos con foto en miniatura, un listado de noticias con foto en miniatura,... mil gracias!!

[pzin]

Pues un producto con unas fotos por ejemplo como dices. Las imágenes de Wikipedia son también son un buen ejemplo. Se supone que debe de tener una relación con el contenido, y si va con leyenda pues mejor aún. Creo que la especificación decía algo así como que si va acompañado de figcaption como que era el caso ideal.

[hackjose]

Como te comenta pzin no uses figure, tan solo usa img

Para usar el elemento figure debes tener en cuenta que

El contenido principal del documento(pagina) debe hace referencia al elemento figure en cualquiera de estas 2 formas

Por su nombre(figcaption) si pasa esto puedes mover tranquilamente el elemento figure a paginas dedicadas o apendices

Por su posicion "la figura de arriba" "la siguiente imagen", en este caso si mueves el elemento figure podrias cambiar el significado del documento,asi que debes tener esto en cuenta

cuando el elemento figure es referenciado por su figcaption, en ese caso figure se podria decir que es un contenido "extra" ya que no necesita estar fijado donde se hace la referencia y lo podemos mover a otra parte del documento

Hasta cierto punto es un contenido "extra" pero que DEBE estar presente ya que hicieron referencia a el desde el contenido principal.

Tambien podria decirse que figure es para contenidos complementarios

Por ejemplo

Un libro podria decirnos
El planeta mas grande del sistema solar es jupiter
Y nosotros diriamos Ok es jupiter

Pero usando figure seria asi

A continuacion la imagen del planeta jupiter que por cierto es el planeta mas grande del sistema solar

Código HTML:

<figure>
<img src="jupiter.jpg" />
</figure>
 

Otro caso
El planeta mas grande del sistema solar es jupiter puedes encontrar una imagen de ese planeta en el apendice B figura 14

En este caso iriamos hasta esa seccion y hallariamos esto

Código HTML:

<figure>
<figcaption>figura 14 jupiter</figcaption>
<img src="jupiter.jpg" />
</figure>
 

Y diriamos wow que bonito esta ese planeta, fue el mismo contenido pero se complemento con una imagen

Asi lo entiendo XD

Saludos a todos

[hurricane]

Muchas gracias a los dos! Ya me ha quedado mucho más claro