O que é uma árvore HTML?
Uma árvore em termos de dados do computador é um método de exibição de informações como uma sequência de nós aninhados que podem ser expandidos ou recolhidos para mostrar subtítulos ou outras informações. Na HTML (HyperText Markup Language), a implementação de uma árvore é geralmente conhecida como exibição em árvore. Uma árvore HTML pode ser usada para mostrar o layout das páginas em um determinado site; Os títulos e subtítulos de um esboço, documento ou livro; ou os tópicos e respostas em um fórum. Não existe uma maneira única de implementar uma árvore HTML, e o próprio HTML não possui nenhum suporte interno para uma exibição em árvore. Em vez disso, uma árvore HTML geralmente é construída usando uma combinação de ferramentas que coletivamente são chamadas de HTML dinâmico (DHTML).
Uma árvore HTML é usada quando há uma coleção de informações que podem ser exibidas linearmente e cada entrada de nível superior pode ter zero ou mais informações que podem ser relacionadas a essa entrada. Cada entrada é chamada de nó e pode ter outros nós aninhados sob ele. Um exemplo de instância em que uma árvore pode ser usada para organizar e exibir informações está em um quadro de mensagens online.
Cada tópico em um quadro de mensagens online pode ser listado como um nó de nível superior, com o termo "nível superior" indicando que o nó não está aninhado em outro nó. Todas as respostas a um único tópico são aninhadas no nó de nível superior ou no tópico principal. Se uma resposta for feita, a primeira resposta se tornará um nó no qual a segunda resposta está aninhada. Dessa forma, as informações podem ser organizadas para que as associações de cima para baixo possam ser retratadas visualmente, geralmente aumentando o recuo de cada linha em relação à profundidade que está aninhada na estrutura.
Um aspecto de uma árvore HTML que requer o uso de DHTML é a capacidade de cada nó ser expandido, mostrando todos os nós abaixo dele ou ser contratado, ocultando todos os nós para que apenas o de nível superior seja visto. Isso pode ser obtido com o uso de uma tabela HTML manipulada por meio de uma linguagem de script que modifica o DOM (Document Object Model) para mostrar ou ocultar as células da tabela necessárias. Outro método usado para criar uma árvore HTML dinâmica é empregar documentos XML (XML) que são transformados em páginas HTML com scripts no servidor ou outros módulos.