Skip to content

Instantly share code, notes, and snippets.

@macx
Last active December 3, 2018 11:18
Show Gist options
  • Save macx/c3e435152cc0a947acb61344b6e8fdab to your computer and use it in GitHub Desktop.
Save macx/c3e435152cc0a947acb61344b6e8fdab to your computer and use it in GitHub Desktop.
Sauber strukturierter Quellcode

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;
  }
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment