Lesbarer Code

Mach dir selber einen Gefallen!

  Auf der letzten Seite hast du gelernt, dass HTML eine ziemlich verschachtelte Geschichte ist. Bei komplexen Codes lohnt es sich deshalb, Ordnung mit Tabs zu halten.

Animation Tab Taste

Einrücken von Code (en. indent code)

Strukturiere deinen Code mit Tabulatoren, man kann die Tag-Hierarchie beim Lesen des Codes viel schneller erfassen. Die meisten Code-Editoren helfen dir dabei und rücken den Code bei Zeilenumbrüchen automatisch ein (oder versuchen es wenigstens).

Beispiel: eine HTML-Tabelle

Um eine HTML-Tabelle darzustellen, braucht es drei Tags, die ineinander verschachtelt sind. Mit dem Einrücken im Code wird die Hierarchie schnell erkennbar:

<table>
⇥  <tr>
⇥  ⇥  <td>1. Zelle</td>
⇥  ⇥  <td>2. Zelle</td>
⇥  ⇥  <td>3. Zelle</td>
⇥  <tr>
⇥  <tr>
⇥  ⇥  <td>4. Zelle</td>
⇥  ⇥  <td>5. Zelle</td>
⇥  ⇥  <td>6. Zelle</td>
⇥  <tr>
</table>