Che cos'è un albero HTML?
Un albero in termini di dati informatici è un metodo per visualizzare informazioni come una sequenza di nodi nidificati che possono essere espansi o compressi per mostrare sottotitoli o altre informazioni. In HyperText Markup Language (HTML), l'implementazione di un albero è spesso nota come vista ad albero. Un albero HTML può essere utilizzato per mostrare il layout delle pagine all'interno di un determinato sito Web; i titoli e i sottotitoli di uno schema, documento o libro; o gli argomenti e le risposte in un forum. Non esiste un solo modo per implementare un albero HTML e lo stesso HTML non ha alcun supporto incorporato per una vista ad albero. Al contrario, un albero HTML viene in genere creato utilizzando una combinazione di strumenti che collettivamente vengono definiti HTML dinamico (DHTML).
Un albero HTML viene utilizzato quando esiste una raccolta di informazioni che possono essere visualizzate in modo lineare e ciascuna voce di livello superiore può contenere zero o più informazioni che possono essere correlate a quella voce. Ogni voce è chiamata nodo e può avere altri nodi nidificati sotto di essa. Un esempio di un'istanza in cui un albero potrebbe essere utilizzato per organizzare e visualizzare informazioni è all'interno di una bacheca online.
Ogni argomento in una bacheca online potrebbe essere elencato come nodo di livello superiore, con il termine "livello superiore" che indica che il nodo non è nidificato sotto un altro nodo. Ogni risposta a un singolo argomento è nidificata nel nodo di livello superiore o nell'argomento principale. Se viene fornita una risposta a una risposta, la prima risposta diventa un nodo in base al quale viene annidata la seconda risposta. In questo modo, le informazioni possono essere organizzate in modo tale che le associazioni dall'alto verso il basso possano essere rappresentate visivamente, di solito aumentando il rientro di ciascuna linea in relazione a quanto profondamente sono annidate nella struttura.
Un aspetto di un albero HTML che richiede l'uso di DHTML è la possibilità di espandere ciascun nodo, mostrando tutti i nodi sottostanti o di essere contratto, nascondendo tutti i nodi in modo da vedere solo quello di livello superiore. Ciò può essere ottenuto mediante l'uso di una tabella HTML manipolata tramite un linguaggio di scripting che modifica il modello a oggetti del documento (DOM) per mostrare o nascondere le celle della tabella necessarie. Un altro metodo utilizzato per creare un albero HTML dinamico è quello di utilizzare documenti XML (Extensible Markup Language) che vengono trasformati in pagine HTML con script lato server o altri moduli.