1
resposta

[Dúvida] Por que e para que usar <span> no header? Qual seria uma outra alternativa?

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?

1 resposta

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!