Sobre este problema HTML
Todos os elementos <img> devem incluir pelo menos um atributo src ou srcset para serem HTML válido.
O elemento <img> existe para incorporar uma imagem no documento, e precisa de saber onde essa imagem se encontra. O atributo src fornece um único URL para a imagem, enquanto srcset permite oferecer múltiplas fontes de imagem para diferentes tamanhos de ecrã ou resoluções.
Pode encontrar este erro ao usar JavaScript para definir a fonte da imagem dinamicamente, ou ao usar bibliotecas de lazy-loading que armazenam o URL num atributo data- como data-src. Embora essas técnicas funcionem em runtime, produzem HTML inválido porque o validador ainda espera que src ou srcset estejam presentes na marcação.
Se genuinamente não tiver uma fonte ainda, pode usar um placeholder ou um pixel transparente como valor do src.
Exemplo inválido
<img alt="A cute cat" loading="lazy" data-src="cat.jpg">Exemplos 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 um data-src de lazy-loading (mantém a marcação válida enquanto ainda suporta lazy loading):
<img src="placeholder.jpg" data-src="cat.jpg" alt="A cute cat">Encontre problemas como este automaticamente
O Rocket Validator analisa milhares de páginas em segundos, detetando problemas HTML em todo o seu site.