Fiquei muito na dúvida do motivo da utilização da tag no header. Geralmente é usada para destacar algo no texto, mas ali é uma "imagem" (ou icone) e não entendi o motivo concreto. poderia usar alguma outra tag? Poderiam explicar?
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!
Fiquei muito na dúvida do motivo da utilização da tag no header. Geralmente é usada para destacar algo no texto, mas ali é uma "imagem" (ou icone) e não entendi o motivo concreto. poderia usar alguma outra tag? Poderiam explicar?
Olá, Marconi! Bom dia
Tudo bom?!
Sim, ela é utilizada para destacar partes de um texto, mas porque e para que?
Usamos ela com a finalidade de destacar algo que é importante no texto, como um aviso para usuário ou um comunicado. Fazemos isso para chamar atenção do usuário e dar foco aquilo que está contido no texto, como no exemplo abaixo:
<p>Este é um <span class="importante">aviso importante</span> para todos os usuários.</p>
Usamos a tag span pois com ela não alteramos a estrutura de alguma parte do código, pois a tag span possui a implementação de elementos inline (display: inline) podendo receber estilos diferentes, como inserir imagens em apenas uma linha dentro do texto.
<p>Você pode nos seguir no Twitter <span class="icone"><img src="twitter.png" alt="Twitter"></span>.</p>
E outro motivo se deve pelo fato de fácil manipulação com JavaScript, como definir estilos específicos:
<p>Este é um texto que pode ser <span id="destacar">destacado</span> com JavaScript.</p>
<script>
document.getElementById("destacar").style.color = "red";
</script>
Sendo assim, usamos ela por todos esses fatores, a tag span facilita bastante, a organização, estilização e manipulação de elementos no código!
Qualquer dúvida, estou a disposição!