Odsazení

V předchozím cvičení jsme si vysvětlili vnořování. Teď se podíváme na nástroj, díky kterému je kód přehlednější: odsazení.

Odsazení sice nemá vliv na to, jak stránka funguje, to ale neznamená, že ho můžeme vynechat. Právě naopak: díky němu se v kódu snadno vyznáme my i ostatní vývojáři, a proto by ho měl ovládat každý, kdo programuje.

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

V uvedeném příkladu jsou prvky head a body dětmi prvku html, takže jsou odsazené o jednu úroveň. Prvek p je dítětem prvku body, takže je odsazený o další úroveň. Každé dítě je tedy odsazené o úroveň víc než jeho rodič.

Kolik je jedna úroveň? V tomto editoru vloží klávesa Tab čtyři mezery. Odsazovat můžete tabulátorem, dvěma nebo čtyřmi mezerami. Všechno je v pořádku, jen musíte odsazovat stejně v celém kódu.

Tip: když označíte několik řádků a stisknete Tab, odsadíte je všechny najednou. Shift+Tab je zase posune zpátky.