Che cos'è un blocco HTML?
Un blocco HyperText Markup Language (HTML), in senso lato, è un segmento di codice HTML che si riferisce a un'area definita del documento finito quando viene visualizzato da un programma come un browser web. L'importanza di un blocco HTML viene vista quando si assegnano attributi diversi agli elementi, poiché molti stili e altre definizioni possono essere assegnati solo a elementi a livello di blocco. L'opposto di un blocco HTML è il codice inline, che deve sempre essere nidificato all'interno di un blocco per funzionare.
Un esempio della definizione di un blocco HTML è un paragrafo di testo su un sito Web. Quando la pagina viene visualizzata all'interno di un browser Web, il paragrafo viene visualizzato con una riga vuota tra essa e il paragrafo precedente e con una riga vuota dopo il paragrafo e l'elemento di visualizzazione successivo. All'interno del codice HTML per la pagina, il paragrafo è circondato da tag HTML che lo definiscono come un blocco di paragrafo. Questi tag che circondano il paragrafo stabiliscono tutto tra loro come un blocco HTML.
Un blocco HTML può essere nidificato all'interno di un altro blocco. In effetti, quasi tutti i tag sono realmente nidificati all'interno dei tag body richiesti da un documento HTML. Al contrario, un segmento inline deve essere nidificato all'interno di un blocco perché richiede elementi che contengono per funzionare. Un esempio di un tag incorporato è un pezzo di testo che deve essere visualizzato in grassetto.
La differenza tra un elemento a livello di blocco HTML e un elemento inline è una delle chiavi di comprensione necessarie per lavorare con HTML e Cascading Style Sheets (CSS). Ciò è dovuto principalmente al fatto che alcuni attributi di stile standard e altri parametri sono descritti come applicabili solo agli elementi a livello di blocco o solo agli elementi a livello inline. In generale, gli elementi inline non contengono gli stessi attributi modificabili degli elementi a livello di blocco.
Un esempio della differenza tra un attributo a livello di blocco HTML e un attributo a livello inline è l'opzione di allineamento. A livello di blocco, come un tag di divisione o l'inizio di un elenco puntato, il testo o le immagini all'interno del blocco possono essere impostati per scattare a sinistra, a destra o al centro di un'area. Se l'attributo di allineamento viene applicato a un elemento inline, allora non accadrà nulla, perché non è un'opzione disponibile a livello inline.