Elke website bestaat uit structurele (die wordt bepaald door HTML), functionele en stilistische elementen. Cascading Style Sheets (CSS) worden gebruikt om het uiterlijk (de "look and feel") van een website te dicteren. Deze stijlen worden gescheiden gehouden van de HTML-structuur om het bijwerken en naleven van webstandaarden te vergemakkelijken.
Het probleem met stylesheets
Met de omvang en complexiteit van veel websites van vandaag, kunnen stylesheets vrij lang en omslachtig worden. Dit geldt vooral nu media-vragen voor responsieve websitestijlen een essentieel onderdeel zijn van het ontwerp, zodat een website er altijd uit ziet, ongeacht het apparaat. Die mediaquery's alleen al kunnen een aanzienlijk aantal nieuwe stijlen aan een CSS-document toevoegen, waardoor het nog moeilijker wordt om mee te werken. Dit is waar CSS-opmerkingen een onmisbare hulp kunnen worden voor ontwerpers en ontwikkelaars van websites.
Opmerkingen Structuur en duidelijkheid toevoegen
Het toevoegen van opmerkingen aan de CSS-bestanden van een website is een prima manier om secties van die code te organiseren voor een menselijke lezer die het document aan het beoordelen is. Het zorgt ook voor consistentie wanneer een webprofessional opzoekt waar een ander weggaat of wanneer teams van mensen op een site werken.
Goed geformatteerde opmerkingen kunnen belangrijke aspecten van het stijlblad communiceren aan leden van een team die de code wellicht nog niet kennen. Deze opmerkingen zijn ook zeer nuttig voor mensen die eerder op de site hebben gewerkt, maar nog niet onlangs; webontwerpers werken meestal op veel sites en het is moeilijk om ontwerpstrategieën van de een naar de ander te onthouden.
Alleen voor de ogen van professionals
CSS-opmerkingen worden niet weergegeven wanneer de pagina wordt weergegeven in webbrowsers. Deze opmerkingen zijn alleen informatief, net zoals HTML-opmerkingen (hoewel de syntaxis anders is). Deze CSS-opmerkingen hebben geen enkele invloed op de visuele weergave van een site.
CSS-opmerkingen toevoegen
Het toevoegen van een CSS-opmerking is vrij eenvoudig. U boekt eenvoudigweg uw commentaar met de juiste openings- en slotcommentaarstags:
- Begin je reactie door toe te voegen
/*
- Sluit uw commentaar door toe te voegen
*/
Alles wat tussen deze twee tags verschijnt, is de inhoud van de opmerking, die alleen zichtbaar is in de code en niet wordt weergegeven door de browser.
Een CSS-opmerking kan een willekeurig aantal regels bevatten. Hier zijn twee voorbeelden:
/ * voorbeeld rode rand * / div # border_red { rand: dun effen rood; }/*******************************************************Stijl voor codetekst*******************************************************/ Veel ontwerpers organiseren stylesheets in kleine, gemakkelijk verteerbare brokken die gemakkelijk te scannen zijn tijdens het lezen. Meestal ziet u opmerkingen voorafgegaan en gevolgd door reeksen koppeltekens die grote, voor de hand liggende pauzes in de pagina maken die gemakkelijk te zien zijn. Hier is een voorbeeld: / * ----------------------- Header Styles ----------------------- ------- * /
Deze opmerkingen geven het begin van een nieuw gedeelte van codering aan. Omdat de commentaartags de browser vertellen om alles ertussen te negeren, kunt u deze gebruiken om bepaalde delen van CSS-code tijdelijk uit te schakelen. Dit kan handig zijn bij het opsporen van fouten of bij het aanpassen van de opmaak van webpagina's. In feite gebruiken ontwerpers deze vaak om delen van de code uit te schakelen of uit te schakelen om te kijken wat er gebeurt als die sectie geen deel uitmaakt van de pagina. Om dit te doen, voegt u gewoon de openingscommentaar toe vóór de code die u wilt uitspreken (uitschakelen); plaats de afsluitende tag waar u wilt dat het uitgeschakelde gedeelte eindigt. Niets tussen deze tags beïnvloedt de visuele weergave van een site, waardoor u de CSS kunt debuggen om te zien waar een probleem zich voordoet. U kunt dan naar binnen gaan en alleen dat probleem oplossen en de opmerkingen uit de code verwijderen. Als een samenvatting, hier zijn enkele tips om te onthouden voor het gebruik van opmerkingen in uw CSS: Hoewel het toevoegen van te veel opmerkingen van invloed kan zijn op de downloadsnelheid en -prestaties van een site, moet u niet aarzelen om deze te gebruiken. Het zou vele lijnen van opmerkingen vergen om een ​​significant negatief effect te hebben. Zoals zoveel aspecten van webdesign komt het allemaal neer op evenwicht. Secties doorbreken
"Commentaar uit" -code
CSS Tips voor opmerkingen
Prestatie
