2
respostas

[Projeto] 07 Faça como eu fiz: landing page semântica

Insira aqui a descrição dessa imagem para ajudar na acessibilidade

Insira aqui a descrição dessa imagem para ajudar na acessibilidade

2 respostas

Oi, Paulo! Como vai?

Agradeço por compartilhar seu código com a comunidade Alura.

Com base no que você mostrou no projeto, é legal notar que você utilizou tags semânticas como header, main e section, o que ajuda bastante na organização da página e também melhora a acessibilidade e leitura do HTML. A estrutura está clara e o uso de imagens com alt também é um ponto importante para boas práticas no desenvolvimento web.

Uma dica interessante para o futuro é utilizar o método loading="lazy" nas imagens para melhorar o desempenho da página, carregando as imagens apenas quando necessário. Veja este exemplo:


<img src="imagem.png" alt="imagem exemplo" loading="lazy">

Nesse código, loading="lazy" faz com que a imagem seja carregada apenas quando estiver próxima de aparecer na tela, ajudando a otimizar o carregamento da página.

Alura Conte com o apoio da comunidade Alura na sua jornada. Abraços e bons estudos!

Legal, Rafaela! Adorei esse comando. Irei implementar. Grato!