Cosa sono i tag DIV?

I tag DIV sono codici che definiscono una sezione in un documento HTML (HyperText Markup Language). Una sezione in HTML può anche essere descritta come una “divisione”, che è l’origine dell’abbreviazione utilizzata per il nome del tag DIV.

I tag DIV, come i tag SPAN, non applicano significato al contenuto come nel caso della maggior parte degli HTML Ad esempio, “P” crea un paragrafo, “B” crea un grassetto e “H” crea un’intestazione. DIV in realtà non fa nulla da solo; definisce semplicemente un blocco di contenuto sulla pagina a cui possono essere applicati globalmente altri attributi. I tag DIV indicano che un blocco di codice appartiene insieme.

Un tag DIV iniziale specifica che “questa sezione di codice inizia qui” e il tag DIV finale afferma “questa sezione di codice finisce qui”. La definizione di sezioni di una pagina Web in sezioni chiaramente delineate rende molto più semplice gestire e manipolare il codice. I tag DIV possono essere utilizzati insieme ad altri codici, come il codice STYLE, per applicare un attributo a un’intera sezione. Per esempio:

***
Questo è un testo nero, che precede la seguente sezione del tag DIV di testo bordeaux.

Questo è un paragrafo in questa sezione div, che non verrà visualizzato solo in testo bordeaux, ma anche in grassetto.

Questo è un altro testo nero, che appare dopo la sezione in testo bordeaux.
***

Un altro uso comune del tag DIV è allineare interi blocchi di contenuto su una pagina Web a sinistra, a destra o al centro della pagina. Oltre ad “allineare”, altri attributi usati frequentemente assegnati da un tag DIV sono: id, class, title, style, dir e lang. Per gli autori di pagine Web alle prime armi, è importante ricordare che il tag DIV non deve essere utilizzato in sostituzione del tag P (paragrafo). Il tag P dovrebbe essere utilizzato solo per i singoli paragrafi, mentre il tag DIV dovrebbe essere utilizzato per definire sezioni o divisioni di un documento più grandi e generali.
I tag DIV possono essere nidificati, il che significa che puoi avere un set iniziale e finale di tag DIV all’interno di un altro set. È necessario prestare attenzione per garantire che qualsiasi codifica aggiunta sia posizionata all’interno del set corretto di tag DIV. È anche importante notare che i browser Web di solito inseriscono un’interruzione di riga prima e dopo un elemento DIV quando viene visualizzata una pagina Web che lo contiene. Questo deve essere preso in considerazione quando si progetta il codice circostante.
Gli autori di siti Web esperti raccomandano l’uso giudizioso del tag DIV durante la codifica HTML, altrimenti tende a causare la perdita di ciò che il tag avrebbe dovuto creare: chiarezza. Bisogna fare attenzione a non lasciare che “divitis”, come i programmatori esperti chiamano l’uso eccessivo di tag DIV, confonda e complichi eccessivamente la codifica della pagina web.