Boa Noite!
Gostaria de saber qual a necessidade da tag "SPAN" ?
Se caso estivesse usando JAVASCRIPT eu deveria usa-lá?
Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
Boa Noite!
Gostaria de saber qual a necessidade da tag "SPAN" ?
Se caso estivesse usando JAVASCRIPT eu deveria usa-lá?
Olá!
A tag “SPAN” é um elemento HTML que geralmente faz o agrupamento em linha de conteúdos fraseados. Com isso, a tag “SPAN” pode ser utilizada para agrupar um texto ou até mesmo representar um elemento visual no código HTML. A tag “SPAN” é como uma div, só que com display de inline-block, ou seja, na mesma linha dos outros elementos, portanto ela não tem nenhum valor semântico.
No contexto da aula que você está acompanhando, a tag "span" foi usada para criar um elemento que será estilizado com uma imagem de fundo, o ícone do menu hambúrguer. A razão para usar "span" em vez de "img" é que a imagem precisa mudar quando o menu hambúrguer é aberto. Se a tag "img" fosse usada, a imagem seria estática e não poderia ser alterada sem o uso de JavaScript.
Portanto, a tag "span" é usada neste caso para permitir que a imagem do menu hambúrguer seja alterada apenas com CSS, sem a necessidade de JavaScript.
Se você estiver usando JavaScript e precisar manipular um elemento específico do HTML, pode usar a tag “SPAN” para identificar esse elemento e manipulá-lo. Caso contrário, se você não precisar manipular um elemento específico do HTML, não há necessidade de usar a tag “SPAN”.
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!