Отступы

В предыдущем упражнении мы объяснили вложенность. Теперь рассмотрим инструмент, который помогает писать более читаемый код: отступы.

Отступы не влияют на работу страницы, но это не значит, что ими можно пренебрегать. Напротив, они делают код понятнее и для вас, и для других разработчиков, поэтому это мощный инструмент, которым должен владеть каждый разработчик.

<html>
	<head>
	</head>
	<body>
		<p>Привет!</p>
	</body>
</html>

В примере выше элементы head и body — потомки элемента html, поэтому они сдвинуты на один уровень. Элемент p — потомок элемента body, поэтому он сдвинут ещё на один уровень. Каждый потомок сдвигается на уровень глубже, чем его родитель.

Сколько это — один уровень? В этом редакторе клавиша Tab вставляет четыре пробела. Отступ можно делать символом табуляции, двумя пробелами или четырьмя. Любой вариант подойдёт, если во всём коде отступы одинаковые.

Совет: выделите несколько строк и нажмите Tab, чтобы сдвинуть их все сразу. Shift+Tab возвращает их обратно.