Qu'est-ce qu'un arbre HTML?
Une arborescence en termes de données informatiques est une méthode d'affichage d'informations sous la forme d'une séquence de noeuds imbriqués pouvant être développés ou réduits pour afficher des sous-titres ou d'autres informations. Dans le langage HTML (HyperText Markup Language), l'implémentation d'une arborescence est souvent appelée vue arborescente. Une arborescence HTML peut être utilisée pour afficher la mise en page des pages d’un site Web donné; les titres et les sous-titres d'un plan, d'un document ou d'un livre; ou les sujets et les réponses dans un forum. Il n'existe pas de moyen unique d'implémenter une arborescence HTML, et HTML lui-même ne prend pas en charge de manière intégrée une vue arborescente. À la place, une arborescence HTML est généralement construite à l'aide d'une combinaison d'outils appelés collectivement HTML dynamique (DHTML).
Une arborescence HTML est utilisée lorsqu'il existe une collection d'informations pouvant être affichées linéairement, et que chaque entrée de niveau supérieur peut contenir zéro ou plusieurs informations pouvant être liées à cette entrée. Chaque entrée est appelée un nœud et peut avoir d'autres nœuds imbriqués. Un tableau de messages en ligne est un exemple d'instance dans laquelle un arbre pourrait être utilisé pour organiser et afficher des informations.
Chaque sujet d'un tableau d'affichage en ligne peut être répertorié en tant que nœud de niveau supérieur, le terme "niveau supérieur" indiquant que le nœud n'est pas imbriqué sous un autre nœud. Chaque réponse à un seul sujet est imbriquée sous le nœud de niveau supérieur ou dans le sujet principal. Si une réponse est apportée à une réponse, la première réponse devient alors un nœud sous lequel la deuxième réponse est imbriquée. De cette manière, les informations peuvent être organisées de manière à représenter visuellement les associations de haut en bas, généralement en augmentant l'indentation de chaque ligne en fonction de la profondeur de son imbrication dans la structure.
Un aspect de l’arborescence HTML qui nécessite l’utilisation de DHTML est la possibilité pour chaque nœud d’être développé, en affichant tous les nœuds situés en dessous, ou d’être contracté, en masquant tous les nœuds afin que seul le premier niveau soit visible. Pour ce faire, vous pouvez utiliser un tableau HTML manipulé via un langage de script qui modifie le modèle d'objet de document (DOM) afin d'afficher ou de masquer les cellules de tableau nécessaires. Une autre méthode utilisée pour créer une arborescence HTML dynamique consiste à utiliser des documents XML (Extensible Markup Language) transformés en pages HTML avec des scripts côté serveur ou d'autres modules.