Förhållanden
När man talar om hierarkisk data, såsom ett HTML-dokument, finns det vissa begrepp man använder för att beskriva sambandet mellan de olika element som ingår. Ofta använder man sig av svengelska begrepp för detta, så vi kommer både att presentera de engelska och de svenska termerna för de olika sambanden.
Förälder/parent
Alla de element som i sin tur har underelement är föräldraelement. I många fall kan man ha föräldrar i flera led. Ett exempel på detta kan vara följande:
<!DOCTYPE html>
<html>
<head>
<title>Exempel</title>
</head>
<body>
<h1>Ett <i>exempel</i></h1>
</body>
</html>
I ovanstående exempel är html förälder till alla element som finns inuti, till och med till det innästlade elementet i. Vi talar alltså inte om element som far-/morföräldrar eller liknande, utan allt de innehåller är deras barn. Detta gör att i-elementet har flera föräldrar, såväl; html, body som h1.
Avkomlingar/descendants
De element som ligger inuti ett föräldraelement kallar man för avkomlingar. I exemplet ovan, är alltså alla element som ligger inut html-elementet avkomlingar till html. Precis som med föräldra-konceptet, kan alltså ett element vara avkomling till ett flertal element. Ett element är alltså avkomling till alla de föräldraelement som det är innästlat i.
Barn/child
Ibland talar man om barn-element eller närmast/direkt avkomlingselement. Detta är alltså de element som ligger direkt innanför ett annat element. Det får inte vara innästlat i något ytterligare element. Om vi tittar på vårt tidigare exempel, så är alltså html-elementets direkta avkomlingar; head och body. Övriga underelement är visserligen avkomlingar, men de är inte direkta avkomlingar.