Sauber strukturierter Quellcode

Es gibt gute Gründe, für sauber strukturierten Quellcode. Einheitliche Einrückungen durch Leerzeichen (Spaces) oder Tabs helfen der Übersichtlichkeit, der Fehlersuche und der schnelleren Navigation. Man kann ihn also besser lesen und schneller verstehen. Anbei ein paar gute und schlechte Beispiele.

HTML

Schlechtes Beispiel

<ul><li>
    <a href="#">Punnkt 1
  </li></a>
 <li>Punkt 2</li>
<li>Punkt3</li></ul>

Gutes Beispiel

<ul>
  <li>
    <a href="#">Punnkt 1</a>
  </li>
  <li>
    Punkt 2
  </li>
  <li>
    Punkt3
  </li>
</ul>

SCSS / CSS

.col {
  margin: 0 0 24px;
  }
  .col img {
    display: block;
    width: 100%;
    height: auto;}

.col {
  margin: 0 0 24px;
  
  img {
    display: block;
    width: 100%;
    height: auto;
  }
}