Un albero in termini di dati del computer è un metodo per visualizzare le informazioni come una sequenza di nodi nidificati che possono essere espansi o compressi per mostrare sottotitoli o altre informazioni. Nell’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 una bozza, documento o libro; o gli argomenti e le risposte in un forum. Non esiste un unico modo per implementare un albero HTML e l’HTML stesso non ha alcun supporto integrato per una visualizzazione ad albero. Invece, un albero HTML viene solitamente costruito utilizzando una combinazione di strumenti che collettivamente sono indicati come HTML dinamico (DHTML).
Un albero HTML viene utilizzato quando è presente una raccolta di informazioni che possono essere visualizzate in modo lineare e ogni voce di livello superiore potrebbe avere zero o più informazioni che possono essere correlate a tale 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 le 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 sotto il nodo di livello superiore o l’argomento principale. Se viene data una risposta a una risposta, la prima risposta diventa un nodo sotto il quale è nidificata la seconda. In questo modo, le informazioni possono essere organizzate in modo che le associazioni dall’alto verso il basso possano essere rappresentate visivamente, solitamente aumentando il rientro di ogni riga in relazione a quanto profondamente è annidata nella struttura.
Un aspetto di un albero HTML che richiede l’uso di DHTML è la possibilità per ogni nodo di essere espanso, mostrando tutti i nodi sottostanti, o di essere contratto, nascondendo tutti i nodi in modo che venga visto solo quello di livello superiore. Ciò può essere ottenuto mediante l’uso di una tabella HTML che viene 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 consiste nell’utilizzare documenti XML (extensible markup language) che vengono trasformati in pagine HTML con script lato server o altri moduli.