CSS (2. díl) - Komentáře ve stylopisech

článek v kategorii Kódování , autor článku je jan-hommer , článek přidán dne 2008-01-02 10:02:28


Postupem času, kdy se vám počet spravovaných webů neúměrně rychle zvyšuje, přijdete na to, že se začínáte v kaskádových stylech jednotlivých webů orientovat, nevíte jaký div je jaký, jakou barvu mají odkazy aniž byste to museli složitě hledat apod. V této chvíli je dobré začít využívat komentářů. Na to, jak se komentáře zapisují si ukážeme níže.

Komentáře se zahajují syntaxí "lomítko-hvězdička" uzavírají pak syntaxí opačnou, čili "hvězdička-lomítko". Mohou se také rozprostírat přes více řádků. To si právě teď ukážeme.

h1 {
  color: #000; /* Toto je komentář na jeden řádek. */
}

h2 {
  color: #000; /* Toto je komentář
                  na více řádků */
}

Samozřejmě komentáře nemusíme využívat pouze v zápisu jednotlivých elementů, ale i mimo ně. To je vhodné v případě, kdy od sebe chceme oddělit jednotlivé části stylů, například styly pro hlavičku, obsah, sidebar a patičku. Snadněji se v kódu orientuje.

/* -------------------------------------------
    HLAVICKA
------------------------------------------- */

I pokud pracujete v týmu, tak se tyto komentáře hodí. Řešíte nějaký specifický problém, tak ho okomentujete a kolegového vám s tím problémem mohou pomoci.

/* -------------------------------------------
 Nevim jak jinak tento problem vyresit. Vyresil jsem to takto. Vi nekdo o lepsim zpusobu?
------------------------------------------- */

Do komentářů ale můžeme umístit i nejčastěji používané barvy (nemusíme je pak zdlouhavě hledat) či například metadata.

/* -------------------------------------------
Soubor: style.css
Nazev: hlavni styl pro web www.domain.tld
Autor: Pepa Novak
Datum: 12-2007

Hlavni barva: #a5a48c
Svetlejsi odstin: #c7c3b3
Hover: #f8f2f7
------------------------------------------- */

Zpět