Každý web je tvořen strukturálními (diktovanými HTML), funkčními a stylistickými prvky. Kaskádové styly (CSS) se používají pro diktování vzhledu ("vzhled a pocit") webových stránek. Tyto styly jsou odděleny od struktury HTML, což umožňuje snadnou aktualizaci a dodržování webových standardů.
Problém s styly
S velikostí a složitostí mnoha webových stránek se styly mohou stát poměrně zdlouhavé a těžkopádné. To platí zvláště tehdy, když jsou dotazy médií pro citlivé styly webových stránek nezbytnou součástí návrhu a zajistí, aby webové stránky vypadaly tak, jak by měly bez ohledu na zařízení. Samotné dotazy na média mohou do dokumentu CSS přidávat značné množství nových stylů, čímž je ještě těžší pracovat. Zde se mohou komentáře CSS stát neocenitelnou pomocí návrhářům a vývojářům webových stránek.
Komentáře Přidat strukturu a jasnost
Přidávání komentářů do souborů CSS webových stránek je skvělý způsob, jak uspořádat části tohoto kódu pro lidské čtenáře, který kontroluje dokument. Také zajišťuje konzistenci, když jeden webový profesionál zvedne místo, kde jiný odjíždí, nebo když týmy lidí pracují na webu.
Dobře naformátované komentáře mohou sdělit důležité aspekty šablony stylů členům týmu, kteří již nemuseli znát kód. Tyto komentáře jsou také velmi užitečné pro lidi, kteří dříve pracovali na webu, avšak nedávno; weboví designéři obvykle pracují na mnoha místech a vzpomínka na návrhové strategie z jednoho na druhého je obtížné.
Pouze pro profesionály
Komentáře k CSS se nezobrazí, pokud se stránka vykreslí ve webových prohlížečích. Tyto komentáře jsou pouze informativní, stejně jako komentáře HTML (i když je syntaxe odlišná). Tyto komentáře CSS neovlivňují vizuální zobrazení webu žádným způsobem.
Přidání komentářů CSS
Přidání komentáře CSS je poměrně snadné. Jednoduše zaúčtujte svůj komentář se správnými značkami pro zahájení a ukončení komentářů:
- Začněte svůj komentář přidáním
/*
- Zavřete svůj komentář přidáním
*/
Cokoliv, co se objeví mezi těmito dvěma značkami, je obsah komentáře, který je viditelný pouze v kódu a prohlížečem není vykreslen.
Komentář CSS může zaujmout libovolný počet řádků. Zde jsou dva příklady:
/ * červený příklad hranice * / div # border_red { hranice: tenká červená; }/*******************************************************Styl pro kódový text*******************************************************/ Mnoho návrhářů organizuje styly v malých, snadno stravitelných kusech, které lze snadno číst při čtení. Obvykle se zobrazí předcházející komentáře a následovaná série spojovníků, které vytvářejí velké, zřejmé přestávky na stránce, které jsou snadno viditelné. Zde je příklad: / * ----------------------- Styly hlavičky ----------------------- ------- * /
Tyto komentáře naznačují zahájení nové části kódování. Protože značky komentářů informují prohlížeč, že ignoruje vše mezi nimi, můžete je použít k dočasnému vypnutí určitých částí kódu CSS. To může být užitečné při ladění nebo při úpravě formátování webové stránky. Ve skutečnosti je designéři často používají k "komentování" nebo "vypnutí" oblastí kódu, aby zjistili, co se stane, pokud tato část není součástí stránky. Chcete-li to provést, jednoduše přidáte značku otevírací poznámky před kódem, který chcete komentovat (zakázat); umístěte uzavírací značku, kam chcete ukončit zakázanou část. Nic mezi těmito značkami nebude mít vliv na vizuální zobrazení webu, což vám umožní ladit CSS a zjistit, kde se problém vyskytuje. Potom můžete jít a opravit právě tento problém a odstranit komentáře z kódu. Jako rekapitulace uvádíme několik tipů, které si můžete zapamatovat, pokud používáte komentáře ve vašem CSS: Zatímco přidáváte příliš mnoho komentářů, které mohou mít vliv na rychlost a výkon stahování webu, neměli byste být váháni je používat. Byl by zapotřebí mnoha komentářů, které by měly významný negativní dopad. Stejně jako mnoho aspektů webového designu, to všechno přichází do rovnováhy. Rozdělit sekce
Kód pro komentování
CSS komentáře tipů
Výkon
