Hvad enten du er nybegynder eller ekspert i Hyper Text Markup Language (HTML), er det vigtigt at følge nogle metoder for at holde dine HTML-dokumenter konsistente og organiserede. Med så mange elementer, attributter, egenskaber, værdier og meget mere – der er meget at lære.
Her er 10 HTML-bedste praksis, som du skal huske på, når du arbejder på dit næste projekt.
1. Brug korrekt dokumentstruktur
HTML-dokumenter vil stadig fungere uden elementer som <html>, <head> og <body>. Siderne vil dog ikke blive gengivet korrekt i alle browsere, så det er vigtigt at være konsekvent ved at bruge den korrekte dokumentstruktur.
Eksempel:
2. Deklarér den korrekte doctype
Når du opretter et HTML-dokument, er den første ting, du skal deklarere, doctype. Dette vil fortælle browseren, hvilke standarder du bruger til at gengive din markup korrekt. Doctype skal stå før <html>-tagget øverst på siden. Hvis du er usikker på, hvilken deklaration du skal bruge, kan du finde oplysninger på W3.org om valg af den rigtige doctype.
3. Luk altid tags
For at undgå at støde på valideringsfejl skal du altid huske at have et lukket tag for hvert tag, du opretter.
4. Brug ikke inline styles
Det kan virke som en nem vej at placere styling på linje med koden i stedet for at oprette et eksternt stilark. Inline styles er dog ikke en god kodningspraksis, fordi det gør det sværere at opdatere og vedligeholde et websted. Hold i stedet dine stilarter adskilt fra din HTML-mark-up.
5. Brug alt-attributten med billeder
Det er ikke påkrævet at have en alt-attribut med billeder, hvilket gør det nemt at ignorere. Det er dog vigtigt at have en meningsfuld alt-attribut af hensyn til validering og tilgængelighed. Alt-attributten giver kontekst til skærmlæsere, så den bør være beskrivende med hensyn til, hvad billedet indeholder.
6. Validér ofte
I stedet for at vente, til du er færdig med dit HTML-dokument, skal du validere din kode flere gange, mens du arbejder. Dette vil være med til at spare tid i sidste ende ved at identificere fejl tidligt, især hvis dit dokument er langvarigt. En populær HTML-validator, som du kan bruge, er W3C’s markup validation service.
7. Placér eksterne stilark inden for <head>-tag
Selv om eksterne stilark kan placeres hvor som helst i HTML-dokumentet, er det den bedste praksis at placere dem inden for <head>-tag <head>. På den måde kan din side indlæses hurtigere.
8. Brug meningsfulde tags
Hvert afsnit på din webside bør opbygges ved hjælp af det HTML5-tag, der er mest passende for indholdet. Det er bedst at undgå overdreven brug af generiske tags, såsom <div>, når der kunne være et mere beskrivende tag til opgaven, såsom <section>, <article> osv.
9. Brug markup med små bogstaver
Din HTML-markup kan skrives med små bogstaver eller store bogstaver, og websiden vil blive gengivet korrekt. Det er dog bedst at holde tagnavne med små bogstaver, da det er lettere at læse og vedligeholde.
10. Reducer antallet af elementer på en side
HTML-dokumenter kan blive komplicerede, især for websider med meget indhold. Hvis du vil reducere størrelsen på dine sider, skal du undersøge mulighederne for at optimere din kode yderligere, når du er færdig med din markup.
Vil du lære mere om bedste praksis for HTML? Tjek disse andre artikler:
- HTML Best Practices
- Front-end kodestandarder& Best Practices
- Skriv din bedste kode
Har du ikke lyst til at gøre det selv eller har du brug for hjælp?
TBH Creative arbejder altid på at holde sig opdateret på bedste praksis inden for webudvikling.