Solucionado
Sabemos que algumas tags tem fechamentos, como
e , usando a "/" para o fechamento da tag, mas algumas vezes em outros códigos que vejo surfando na web, me aparece tags que normalmente não possuem uma segunda tag para fechamento, como o , mas mesmo assim é adicionado a "/", por exemplo: < img src="imagem.png" alt="Imagem do Projeto" / >, percebe-se que está aplicado a "/", mas normalmente no código não possui, é ideal adicionar essa "/"? Muda algo?hoje, com a Alura e o Google Gemini
Olá, Murilo!
A adição da "/" no final de uma tag é chamada de "tag vazia" ou "tag auto-fechada". Ela é utilizada para indicar que a tag não possui um conteúdo interno, ou seja, não precisa de uma tag de fechamento separada.
No caso da tag <img>, por exemplo, ela é uma tag vazia porque não precisa de um conteúdo interno. Ela é usada para exibir uma imagem e os atributos, como "src" e "alt", são adicionados diretamente nela. A "/" no final da tag é opcional, tanto que você pode escrever <img src="imagem.png" alt="Imagem do Projeto"> sem problemas. No entanto, é uma boa prática adicionar a "/" para deixar claro que se trata de uma tag vazia.
A adição da "/" não muda o funcionamento da tag em si, mas pode facilitar a leitura do código por outras pessoas. Além disso, alguns validadores de código podem exigir a presença da "/" em tags vazias para considerar o código válido.
Portanto, é ideal adicionar a "/" em tags vazias como <img> para manter uma boa prática de codificação e evitar possíveis problemas de validação.
Espero ter ajudado e reforço que em casos de dúvidas, conte sempre com o fórum da comunidade Alura! Bons estudos!
Sucesso ✨
Um grande abraço e até mais!