Semánticamente esta bien meter una etiqueta img en una etiqueta h1? Porque se supone que H es un header, encabezado, cabecera o titulo, tengo esa duda, gracias.
Solucionado
Semánticamente esta bien meter una etiqueta img en una etiqueta h1? Porque se supone que H es un header, encabezado, cabecera o titulo, tengo esa duda, gracias.
Hola Yeison!
¡Es bueno que te preocupes por la semántica! Es muy importante no solo poder utilizar el 100% de la funcionalidad de las etiquetas sino también hacerlas accesibles para todos.
Usar la etiqueta <img> dentro de un <h1> es incorrecto.
La etiqueta h1 se usa para el título principal, adquiere más protagonismo. Como una jerarquía a partir de h1 y siguiendo h2, h3 y etc.
<header>
<h1>Título da página</h1>
<h2>Subtítulo da página</h2>
</header>También es necesario usar el atributo alt dentro de la etiqueta, este atributo define el texto alternativo que describe la imagen, texto que los usuarios verán si la URL de la imagen es incorrecta o si la imagen tiene un formato no compatible o si la imagen no lo es. descargado todavía, por ejemplo:
<img src="mdn-logo-sm.png" alt="MDN">Te dejo un enlace sobre la semántica de HTML5
Y la documentación sobre la etiqueta <img>
También tenemos un curso de Accesibilidad Web, que puede ayudarte a entender más sobre estas estructuras semánticas y tener una estructura limpia.
Un saludo!
Hola Mariana muchísimas gracias por el tiempo que te tomaste para responder mi pregunta y por la información adicional que me dejaste, de verdad gracias.