Wanneer gebruik je inline CSS wel?
Inline CSS gebruik je wel bij waarden die per element verschillen en door software bepaald worden. Dan is er geen zinnige regel voor te schrijven.
Denk aan een voortgangsbalk waarvan de breedte per keer anders is, of een achtergrondkleur die uit een instelling komt.
Buiten die gevallen is een opmaakbestand vrijwel altijd beter.
Gegenereerde waarden
Een percentage, een berekende hoogte, een kleur die een gebruiker heeft gekozen. Die kun je niet vooraf in een bestand zetten.
Daar hoort inline opmaak. Meer daarover lees je bij css.
Achtergrondafbeeldingen per pagina
Een koptekst met per pagina een andere afbeelding. Die verwijzing hoort bij die pagina en niet in je centrale bestand.
Dat is een legitieme toepassing. Meer daarover lees je bij elementor.
In een e-mail is inline opmaak zelfs de norm, want veel e-mailprogramma’s negeren een apart opmaakblok.
Daar gelden dus andere regels dan op het web.
Mijn vuistregels
- Alleen voor waarden die per element verschillen.
- Alleen als de waarde door software bepaald wordt.
- In e-mail juist wel gebruiken.
- Voor alles wat vast is: een opmaakbestand.
Die laatste dekt negenennegentig procent van de gevallen.
Wat niet telt als reden
“Het is sneller om even hier te zetten.” Dat klopt op dat moment en kost je later meer tijd dan je bespaarde.
Meer daarover lees je bij waarom inline CSS slecht is voor onderhoud.
Het grensgeval
Kritieke opmaak bovenaan je pagina om het eerste beeld sneller te tonen. Dat staat in een blok, niet bij het element.
Meer daarover lees je bij wat kritieke CSS is.