Sei que se usa os dois para selecionar um bloco de conteúdo e poder formatar, mas quando usar um ou outro?
A etiqueta <span> geralmente é usada para agrupar elementos em linha em um documento.
Exemplo de uso:
<!DOCTYPE html>
<html>
<body>
<p>Esta tag span é <span style="color:blue;font-weight:bold">Azul</span> e essa outra é <span style="color:red;font-weight:bold">Vermelha</span></p>
</body>
</html>
A tag <div> geralmente é utilizada para criar uma divisão ou uma seção em um documento HTML.
Exemplo de uso:
<!DOCTYPE html>
<html>
<body>
<p>Este é um texto qualquer.</p>
<div style="color:#0000FF">
<h3>Este é um título dentro de uma div</h3>
<p>Este é um texto qualquer dentro de uma div</p>
</div>
<p>Este é um texto qualquer.</p>
</body>
</html>
O uso de uma ou de outra vai de acordo com a aplicação em que se está desenvolvendo, não existe um padrão que especifique quando usar o que, existem apenas recomendações e boas práticas.
4 curtidas
Muito obrigado, boa explicação.