Wat zijn interne stijlbladen
Interne stijlpagina's zijn stijlen die in het van het HTML-document zijn geplaatst. Deze stijlen zijn alleen van invloed op het document waarin ze zich bevinden, en er kan niet naar worden verwezen door een ander webdocument.
Voordelen van interne stijlbladen
- Interne stijlbladen hebben alleen invloed op de pagina waarop ze zich bevinden.
- Als u op een grote site werkt en stijlen moet testen voordat u ze op de site als geheel laadt, kunnen interne stijlpagina's een geweldig hulpmiddel zijn. Hiermee kunt u de stijlen testen in de context van de hele site zonder een pagina te verbreken, maar degene die u aan het testen bent.
- Interne stijlbladen kunnen klassen en ID's gebruiken.
- In tegenstelling tot inline stijlen, kunnen interne stijlbladen nog steeds profiteren van klassen, ID's, broers en zussen en andere elementrelaties.
- Voor interne stijlbladen hoeft u niet meerdere bestanden te uploaden.
- Dit is met name handig wanneer u werkt met zaken als e-mail of kiosken, waar u slechts één HTML-bestand beschikbaar heeft om te bewerken. Ik gebruik vaak inline stijlen als ik niet zeker weet wat de URL zou zijn als een stylesheet die in een CMS is geladen - het bijhouden van de stijlen met het document betekent dat ik weet welke stijlen van invloed zijn op dat document.
- Interne stijlen kunnen een hogere prioriteit hebben dan externe stijlbladen.
- Dit wordt bepaald door de volgorde waarin de externe stijlpagina's zijn geladen. De webontwikkelaar van de pagina heeft controle over waar de interne stijlen in de kop van het document worden geplaatst. Als ze na de link naar externe stijlen worden geplaatst, hebben ze een hogere prioriteit in de cascade en worden de externe stijlpagina overschreven.
Nadelen van interne stijlbladen
- Ze hebben alleen invloed op de pagina waarop ze zich bevinden.
- Als u dezelfde stijlen in verschillende documenten wilt gebruiken, moet u deze voor elke pagina herhalen (of een koppeling naar een externe stijlpagina maken).
- Interne stijlbladen verhogen de laadtijd van de pagina's.
- Elke pagina met een interne stylesheet moet de stylesheet-informatie laden en parseren telkens wanneer de pagina wordt geladen. Externe stijlbladen worden gecached door browsers - waardoor de laadtijden voor elke pagina worden verbeterd nadat de eerste is geladen.
Hoe een intern stijlblad te schrijven
element:
- Open een HTML-document in uw webeditor.
- Voeg het volgende toe in de
Een compleet intern stijlblad ziet er als volgt uit:
