Acerca de este problema HTML
Todo elemento <img> debe incluir al menos un atributo src o srcset para ser HTML válido.
El elemento <img> existe para insertar una imagen en el documento, y necesita saber dónde está esa imagen. El atributo src proporciona una única URL para la imagen, mientras que srcset te permite ofrecer múltiples fuentes de imagen para diferentes tamaños de pantalla o resoluciones.
Puedes encontrarte con este error al usar JavaScript para establecer la fuente de la imagen dinámicamente, o al usar bibliotecas de carga perezosa que almacenan la URL en un atributo data- como data-src. Aunque estas técnicas funcionan en tiempo de ejecución, producen HTML inválido porque el validador aún espera que src o srcset estén presentes en el marcado.
Si realmente no tienes una fuente todavía, puedes usar un marcador de posición o un píxel transparente como valor de src.
Ejemplo inválido
<img alt="A cute cat" loading="lazy" data-src="cat.jpg">Ejemplos válidos
Usando src:
<img src="cat.jpg" alt="A cute cat">
Usando srcset:
<img srcset="cat-400.jpg 400w, cat-800.jpg 800w"
sizes="(max-width: 600px) 400px, 800px"
alt="A cute cat">
Usando tanto src como un data-src de carga perezosa (mantiene el marcado válido mientras sigue soportando la carga perezosa):
<img src="placeholder.jpg" data-src="cat.jpg" alt="A cute cat">Encuentra problemas como este automáticamente
Rocket Validator escanea miles de páginas en segundos, detectando problemas de HTML en todo tu sitio web.