Einrückung

In der vorigen Übung haben wir die Verschachtelung erklärt. Jetzt schauen wir uns ein Werkzeug für lesbareren Code an: die Einrückung.

Die Einrückung hat keinen Einfluss darauf, wie die Seite funktioniert, aber das heißt nicht, dass wir sie weglassen können. Im Gegenteil: Weil sie den Code für uns und für andere Entwickler leichter lesbar macht, ist sie ein mächtiges Werkzeug, das jeder Entwickler beherrschen sollte.

<html>
	<head>
	</head>
	<body>
		<p>Hallo!</p>
	</body>
</html>

Im Beispiel oben sind die Elemente head und body Kinder des Elements html, deshalb sind sie um eine Ebene eingerückt. Das Element p ist ein Kind des Elements body, deshalb ist es um eine weitere Ebene eingerückt. Jedes Kind ist eine Ebene tiefer eingerückt als sein Elternelement.

Wie viel ist eine Ebene? In diesem Editor fügt die Tab-Taste vier Leerzeichen ein. Du kannst mit einem Tabulatorzeichen, mit zwei oder mit vier Leerzeichen einrücken. Alles ist in Ordnung, solange die Einrückung im ganzen Code gleich ist.

Tipp: Markiere mehrere Zeilen und drücke die Tab-Taste, um sie alle auf einmal einzurücken. Mit Umschalt+Tab rückst du sie wieder zurück.