Šuplík Honzy Hučína

Skok na navigaci (menu)

Tento blog je v současné době uzavřen.
Pokračování blogu na bloguje.cz jsem zrušil. Pokud budu někdy pokračovat, bude to spíš tady.

Jednotlivý článek

Internet a vše kolem
7. 1. 2005

Souborový CSS hack a odstřižení od stylů

Že různé prohlížeče rozumějí zápisu CSS různě, a proto se často stylopisy individualizují, je známé. Jednou z možných technik je souborový CSS hack – zajímavý a v něčem i výhodný postup, který se na českém webu ale používá dost okrajově.

Podstata souborového hacku je v tom, že se styl do HTML stránky vkládá ne obvyklým tagem <link>, ale pomocí příkazu @import:

<style type="text/css">
@import 'styl.css';
</style>

To zatím není nic nového. Tento postup se používá k tomu, aby zastaralé čtyřkové prohlížeče styl nestáhly, protože tomuto zápisu nerozumějí. Málo se ale ví, že různými modifikacemi příkazu @import lze dosáhnout toho, že ho budou ignorovat i některé vyšší verze IE. Například pouhé vynechání mezery za slovem import, tedy zápis

<style type="text/css">
@import'styl.css';
</style>

nepochopí IE 5.0. To je tedy snadný návod na odstřižení IE 5.0 od stylu, což se za nějaký čas stane aktuální. Chceme-li odstřihnout od určitého souboru všechny verze Exploreru, stačí napsat

<style type="text/css">
@import url(styl.css) all;
</style>

Podívejte se na stránku s úplným přehledem souborových hacků i dalších postupů filtrování prohlížečů. Anebo ještě na jiný přehled.

Určitě netvrdím, že souborový hack je nejlepší způsob rozlišení prohlížečů pro stylování. Ale má podle mě dvě výhody:

  1. Vztahuje se na celý soubor. Není tedy nutné se piplat s hacky u jednotlivých prvků a vlastností (viz Explorerové síto u Pixyho).
  2. Je validní. To je jeho výhodou oproti postupu s podmíněnými komentáři (viz článek Jana Biena na Intervalu). Totiž: podmíněný komentář typu <!--[if IE]> (tzv. uzavřený) validní je. Ale nepovinná druhá část <![if ! IE]> (tzv. otevřený komentář) validní v XHTML není. Bohužel pokud chci nějaký stylopis skrýt před IE 5+ pomocí podmíněného komentáře, musím použít právě ten otevřený.

Mnoho dalších zajímavých odkazů se dá najít na stránce CSS triky na Mraveništi.

Komentáře (počet: 8, poslední 9. 1. 2005, 12:48, nelze přidat komentář)
RSS komentářů tohoto článku
Trvalý odkaz

Poslední články:

Další články si můžete vyhledat v jednotlivých přihrádkách, případně podle data.

© Honza Hučín 2004–6

Šuplík běží na PIPNI.CZ. Díky!

sber.cermat.cz

RSS Šuplíku

RSS komentářů – souhrnně

U každého článku je samostatný RSS kanál pro komentáře.

Výběr článků

Posledních 10 článků

nebo podle data:

nebo hledání fulltextem:

Archiv všech článků

Poslední komentáře

Zabili mě, parchanti [2]

8. 8. 16:48 | Pepa

Cestou kolem blogu [2]

7. 8. 21:26 | Honza Hučín

Cestou kolem blogu [1]

7. 8. 21:02 | Honza

Vrtulník nad hlavou [3]

6. 8. 14:29 | Pepa

Taková hra na volby [1]

3. 8. 18:29 | Honza

Nejčtenější

Žádné údaje nejsou k dispozici.

O mně

*1967, absolvent MFF UK v Praze (1991)

statistik, analytik, programátor, učitel, hudebník

nyní Ústav pro informace ve vzdělávání

Životopis (RTF)

Napište mi