GUJ Discussões   :   últimos tópicos   |   categorias   |   GUJ Respostas

Diferença entre div e span

front-end
html
css
Tags: #<Tag:0x00007f9d22bedd38> #<Tag:0x00007f9d22bedbd0> #<Tag:0x00007f9d22beda68>

#1

Sei que se usa os dois para selecionar um bloco de conteúdo e poder formatar, mas quando usar um ou outro?


#2

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.


#3

Muito obrigado, boa explicação.