Flusso

Il flusso di una pagina web determina l'ordine in cui gli elementi sono visualizzati verticalmente e orizzontalmente. Per impostazione predefinita, gli elementi sono mostrati nell'ordine in cui appaiono nel documento HTML, dall'alto verso il basso. Il flusso orizzontale si muove tipicamente da sinistra a destra; tuttavia, il flusso è anche invertito da destra a sinistra nelle lingue che si leggono da destra a sinistra.

Ogni elemento in HTML è un'area rettangolare che occupa una posizione su una linea, simile alle parole su un foglio a righe. Ci sono due tipi principali di elementi: elementi di livello blocco ed elementi in linea.

Dopo aver ispezionato l'esempio, tale conclusione:

Elemento a livello di blocco: occupa l'intera larghezza del suo contenitore, indipendentemente dalla dimensione del contenuto. Gli elementi a blocco si impilano uno sopra l'altro, uno dopo l'altro.

Elemento in linea: occupa solo la larghezza necessaria al suo contenuto. Questo permette agli elementi in linea di stare sulla stessa linea. Si sposteranno alla linea successiva se non c'è abbastanza spazio su una linea.

Nota

La proprietà display degli elementi HTML è predefinita secondo gli standard e le convenzioni stabilite dalla specifica HTML. Questi standard dettano il comportamento di rendering predefinito degli elementi su vari browser web. Puoi trovare il tipo specifico di qualsiasi elemento nei link di riferimento o specifica forniti: HTML Reference e HTML Specification.

Tipi di Elementi

Come menzionato in precedenza, ogni elemento nel foglio di stile del browser ha un tipo rappresentato dalla proprietà display, che ne determina il comportamento. I due principali tipi di elementi sono gli elementi a livello di blocco e in linea, e ci sono anche tipi aggiuntivi, come gli elementi inline-block.

Elementi inline: utilizzati principalmente per lo stile e l'evidenziazione di piccole parti di contenuto, come link, bottoni e immagini. Rimangono sulla stessa linea fino a quando lo spazio è riempito, a quel punto vanno a capo sulla linea successiva.

Elementi a livello di blocco: utilizzati per definire strutture di contenuto più grandi come intestazioni, paragrafi, elenchi e sezioni (ad esempio, intestazioni, piè di pagina). Sono visualizzati come blocchi rettangolari che si impilano verticalmente uno sopra l'altro.