Elementi HTML bloccanti e inline

I elementi HTML possono essere combinati utilizzando <div> e <span>.

Elementi bloccanti HTML

La maggior parte degli elementi HTML viene definita come elementi bloccanti o inline.

Nota dell'autore: "elemento bloccante" si traduce come block level element, "elemento inline" si traduce come inline element.

Gli elementi bloccanti iniziano di solito una nuova riga nella visualizzazione del browser (e finiscono).

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

Elementi inline HTML

Gli elementi inline non iniziano di solito una nuova riga nella visualizzazione.

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

Elemento <div> HTML

L'elemento <div> HTML è un elemento bloccante, utilizzabile come contenitore per altri elementi HTML.

L'elemento <div> non ha un significato specifico. Inoltre, essendo un elemento bloccante, il browser visualizzerà un ritorno di riga prima e dopo di esso.

Quando utilizzato con CSS, l'elemento <div> può essere utilizzato per impostare attributi di stile su grandi blocchi di contenuto.

Un altro uso comune dell'elemento <div> è la layout del documento. Sostituisce il vecchio metodo di definizione della layout utilizzando tabelle. L'uso dell'elemento <table> per la layout del documento non è un uso corretto dell'elemento <table>. L'elemento <table> è utilizzato per visualizzare dati tabellari.

Elemento <span> HTML

L'elemento <span> HTML è un elemento inline, utilizzabile come contenitore di testo.

L'elemento <span> non ha un significato specifico.

Quando utilizzato con CSS, l'elemento <span> può essere utilizzato per impostare attributi di stile su parte del testo.

Etichette di gruppo HTML

Etichetta Descrizione
<div> Definizione di sezione o divisione nel documento.
<span> Definizione di span, utilizzato per combinare elementi inline nel documento.