Drzewo dokumentu

Definicje CSS: drzewo dokumentu (document tree)

(document tree) Drzewo elementów umieszczonych w dokumencie źródłowym. Każdy element w takim drzewie ma dokładnie jednego rodzica, oprócz elementu podstawowego, czyli korzenia drzewa (root).

Przykład

Po wpisaniu:

<html>
	<head>
		<title>...</title>
	</head>
	<body>
		<h1>...</h1>
		<p>...</p>
		<table>
			<tr>
				<td>...</td>
				<td>...</td>
			</tr>
			<tr>
				<td>...</td>
				<td>...</td>
			</tr>
		</table>
	</body>
</html>

Otrzymamy następujące drzewo dokumentu:

Drzewo dokumentu

gdzie:

Element TABLE jest dzieckiem elementu BODY.
Element TABLE jest potomkiem elementu HTML oraz BODY.
Element TABLE jest rodzicem dwóch elementów TR.
Element TABLE jest przodkiem czterech elementów TD oraz dwóch TR.
Element TABLE jest bratem elementów H1 oraz P.
Elementy H1 oraz P są braćmi poprzedzającymi elementu TABLE.
Element TABLE jest bratem następującym elementów H1 oraz P.
Element TABLE jest elementem poprzedzającym elementu TR oraz TD.
Element TABLE jest elementem następującym elementu BODY oraz HTML.

Elementy leżące niżej w hierarchii drzewa dokumentu, zawierają się wewnątrz znaczników nadrzędnych, np. znaczniki <body> oraz </body> muszą być umiejscowione pomiędzy znacznikami <html> i </html>, które są nadrzędne dla wszystkich innych (root).