Nechápu, proč se používají styly v externích souborech

Všude se píše "Dávejte soubor se styly do externího souboru". Není to blbost? Vzal jsem si všechna pro a proti a zjistil jsem, že je lepší je mít přímo v HTML:

Pro externí soubor:

1) Styly jsou pro všechny stránky jen na jednom místě
- Zbytečné. Téhož výsledku dosáhnu, pokud mám styly v jiném souboru, ale skriptem (např. PHP) je vložím do stránky. Tedy nepodstatné.

2) Stránka se rychleji načítá, protože se styly načtou jen jednou
- Nesmysl. Co je v cache, to se sice nestahuje znova, ale stejně se kontroluje ze serveru, jestli se soubor nezměnil. Což se rovná novému HTTP požadavku. Jak mi potvrdí každý GéPRSák, HTTP požadavek na načtení pár bajtů je horší než stažení několika kilobajtů navíc. Takže taky nepodstatné.

3) Různé soubory pro různé zařízení
- To je opravdu výhoda. Jde jen o to, jak často je využívaná. Podle mě je mnohem lepší zpracovávat stránky pro různá zařízení i odlišnými skripty, pouze jinými styly si zpravidla nevystačíme.

Jiná "pro" mě nenapadla.


A teď proti:

1) Než se styly načtou, stránka se zobrazuje rozhozená
- To je podle mě největší mínus. Když se stránka načítá, snažím se v ní nějak orientovat. Není to však vůbec nijak formátované. Sotva se "chytnu", načtou se styly a stránka se celá přeformátuje.

2) Stránka se špatně ukládá
- Abych zachoval formátování, musím ji uložit CELOU, tj. i se styly a zpravidla i s obrázky atd. To je balast navíc. Mnohem lepší je stáhnout si jen jeden soubor.

3) Externí soubor je pořád stejný, nemění se v závislosti na stránce
- Pokud styl vkládám přímo do HTML skriptem, můžu se rozhodnout, že nějaký kód dám navíc, nějaký vůbec a nějaký jinak - podle toho, jaká se má zobrazit stránka a jak si to momentálně přeje návštěvník. U statického externího souboru tohle nelze.


Rád bych slyšel vaše názory, proč (ne)používáte externí .css soubor. Asi to opravdu nechápu. Děkuji.

P.S.: Tento dotaz jsem kladl i jinde, bohužel nikdo mi dosud neuvedl pádný důvod, který by převážil uvedené nedostatky.

proti 1: To si nemyslím, nemám rychlou linku, ale normálně dělané sránky se mi načítají úplně v pohodě, rovnou tak, jak mají vypadat, nic se nepřekresluje. Nebo teda aspoň když se použije klasicky <link> při importování se to možná děje.
Nadruhou stranu, jeden HTTP požadavek zabere i třeba obrázek. To znamená, že pokud je na stránce více než jeden obrázek, pak se to na výsledku vůbec nepromítne.
Je to asi stejny, jako nacitat o jeden maly obrazek vice. Takze nevidim problem.

Záleží na prohlížeči. Jak už tu bylo řečeno, Opera nebo Explorer to dělá. A rozhodně nesouhlasím s tím, že obrázek se také natahuje. Obrázek se sice také natahuje, ale ten úplně nerozhodí layout, jen vyplní někde nějaké prázdné místo. Takže zatímco obrázek může být nahrán v podstatě kdykoliv, styl by tu měl být ještě před obsahem.


Ja si myslim ze css vzniklo hlavne pre to, aby sme nemuseli napr. pri zmene farby nadpisu robit zmenu na kazdej stranke ale len raz.
to je podla mna najvecsie plus ktore daleko previsi uz spominane minusy.

Ale přece je tu ještě PHP, viz 1. bod "pro".


Objevil jsem další PRO externí CSS! Některé editory, které špatně rozpoznávají kódování často přkódují stránku a není jiná cesta ven než přepsat všechny "poničené" znaky ručně. Když máte CSS v externím souboru a editujete ho, tak je jedno, v jakém kódování ho uložíte, protože funguje stále stejně.*

Já samozřejmě mám na serveru také styly zvlášť, vždyť je tam vkládám, takže nepodstatné. Kromě toho, to je problém jen toho, kdo používá takový program ;-)


1) Ano, lze je vlozit pres PHP, viz tvuj bod 2, ale nedela se to.

To, že se něco nedělá, nemusí znamenat, že je to špatné, ale že někdo třeba PHP (aj.) neumí. Kromě toho, díky PHP naprosto nepotřebuji žádné hacky atd., co je to za prohlížeč zjistím už na úrovni serveru.


1) Ne, spravne navrzena stranka se nezobrazuje rozhozena. Styl je jenom pro zkrasleni. Coz mnozi nechapou a zalozi na tom stranku a pak to dela to rozhozeni (ted posledne mi kdosi ukazoval 19k css, kdezto bezny css ma tak 3-8).

Tohle nechápu. Vám přijde stránka bez stylů a se styly víceméně stejná? Pokud se začtu do stránky bez stylů (a nemá krutě tabulkový layout) a pak se "donačtou" styly, totálně ztratím představu o tom, kde je ten text, který jsem právě četl.


Ano, ale delka trvani scriptu se zhruba vyrovna casu na preneseni celeho...

To ne, délka vykonávání běžného PHP skriptu je zanedbatelná.


Zmena stylu pro navstevnika se resi pres cookies. Neni problem udelat 5 ruznych CSS...

Myslel jsem spíše změnu stylu ze strany serveru. Něco jako "na této stránce použiju ten samý kód, ale chci, aby se mi tenhle box zobrazoval jinak". Je to opačný přístup. Neměním kód, ale styl (nepatrně), proč ne. To s externím CSS vůbec není myslitelné.

Jo, díky za Vaše názory. Dovolil bych si to nějak shrnout.

Externí styly jsou jistě sémanticky správnější, tak by to mělo být a v budoucnu se to jistě prosadí. Zatím ovšem kvůli několika problémům je vhodnější použít interní styly, ač to není tak "čisté".

V knížkách se uvádí pouze externí styly jednak právě kvůli té sémantičnosti, ale taky hlavně proto, že se zpravidla neučí CSS a PHP v jedné knížce a nikdo tedy nemůže nutit čtenáře používat skriptování.

Jinými slovy: umíš-li PHP (nebo něco podobného), chceš-li se vyhnout problémům, vkládej styly skriptem. V ostatních případech jsou vhodnější externí styly.