HTML Kodkonventioner

Kodkonventioner

• Kodkonventioner skapar ett enhetligt utseende på koden, så att läsaren kan fokusera på innehållet, inte layouten av koden. 

• Kodkonventioner gör det möjligt för läsaren att förstå koden snabbare.

• Kodkonventioner främjar återanvändning, ändring och underhåll av koden.

Rekommenderade kodkonventioner för HTML/CSS

w3School

google.github.io

Har du MINIMUM-koll på följande:

HTML

• små bokstäver i element, attribut, värden (, filnamn, mappar)
• stäng alla element
• "citat"-tecken runt attribut-värden
• för ökad läsbarhet:
  
  tomma blanka rader mellan olika delar
  indentering med 2 mellanslag
  kod som täcker fler rader indenteras med minst 4 blanka
• korrekt baskod, se vår grundkod från lektion 1

CSS

• namn på klasser och id'n, så korta som möjligt OCH så långa som nödvändigt
• bindestreck i klasser och id'n för sammansatta namn, t ex
  .background-green {}
  #skicka-knapp {}
• mellanslag efter element, klass, id samt indentering med mellanslag efter egenskap och semikolon efter varje deklaration
  .test {
    font-size: 12px;
    color: red;
    margin-top: 0;
  }
  
• mellanslag efter varje egenskap, värdet 0 har ingen enhet

Källor

HTML5 & CSS3 FOR THE REAL WORLD, Goldstein, Lazaris, Weyl (Sitepoint 2011)

w3schools - html5 Kodkonventioner

google.github.io

Filmer