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?
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!