Elementos de bloco HTML e elementos inline

Os elementos HTML <div> e <span> podem ser combinados.

Elementos de Bloco do HTML

A maioria dos elementos HTML é definida como elemento de bloco ou elemento inline.

Notas do Editor: "Elemento de bloco" traduzido como block level element, "elemento inline" traduzido como inline element.

Os elementos de bloco geralmente começam em uma nova linha na exibição do navegador (e terminam).

Exemplos: <h1>, <p>, <ul>, <table>

Elementos Inline do HTML

Os elementos inline geralmente não começam em uma nova linha na exibição.

Exemplos: <b>, <td>, <a>, <img>

Elemento <div> do HTML

O elemento <div> do HTML é um elemento de bloco, usado como contêiner para outros elementos HTML.

O elemento <div> não tem significado específico. Além disso, como é um elemento de bloco, o navegador exibe quebras de linha antes e depois dele.

Quando usado com CSS, o elemento <div> pode ser usado para definir atributos de estilo para grandes blocos de conteúdo.

Outra utilização comum do elemento <div> é a layout do documento. Ele substitui o método antigo de definir layout usando tabelas. O uso do elemento <table> para layout de documento não é o uso correto do elemento <table>. O elemento <table> é usado para exibir dados tabulados.

Elemento <span> do HTML

O elemento <span> do HTML é um elemento inline, usado como contêiner de texto.

O elemento <span> não tem significado específico.

Quando usado com CSS, o elemento <span> pode ser usado para definir atributos de estilo para parte do texto.

Etiquetas de Grupo do HTML

Etiqueta Descrição
<div> Define uma divisão ou seção no documento.
<span> Define span, usado para combinar elementos inline no documento.