Sträva efter att upprätthålla standard och semantik för HTML. Använd minsta möjliga markup och gör det så lättarbetat som möjligt. Anta följande exempel:
<!-- Öveflödigt -->
<span class="avatar">
<img src="...">
</span>
<!-- Bättre -->
<img class="avatar" src="...">
Ange dokumentets standard och försäkra mer konsekvent återgivning i olika webbläsare med denna enkla doctype-tag i början av varje HTML-sida.
<!DOCTYPE html>
<br>
inte <br />
)</li>
eller </body>
)Översatt från W3C's HTML5 specifikation: “Utvecklare uppmuntras att specificera ett språk-attribut för rotens html-element som anger dokumentets språk. Detta hjälper skärmläsare att avgöra vilket uttal som ska användas, översättningsverktyg att bestämma vilka regler som ska användas, osv.”
Läs mer om språk-attributet i specifikationen och klicka in på Sitepoint för en lista över tillgängliga språk-koder.
<!-- Språk-attribut med språk-kod för svenska-->
<html lang="sv-SE">
<!-- ... -->
</html>
Internet Explorer har support att använda meta-tag för kompabilitetsläge vilket möjliggör att specificera med vilken version av IE som sidan ska renderas. Om ej omständigheterna gör att annat krävs rekommenderas senaste version med Edge Mode.
För mer information, läs denna artikel på Stack Overflow.
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
Försäkra rätt rendering av innehåll och deklarera teckenkodning. Genom att göra det behövs inte character entities i html, förutsatt att dess teckenkodning matchar dokumentets (vanligtvis UTF-8).
<head>
<meta charset="UTF-8">
</head>