Podmíněné komentáře

Jedná se o speciální typ komentářů, které slouží k rozlišení Internet Exploreru od ostatních prohlížeů.

Přejdeme hned na příklady.

„Pozitivní“ komentář

<!--[if IE 8]>
  Tento text je vidět pouze v prohlížeči Internet Explorer 8.
<![endif]-->

Internet Explorer (8) nevnímá text uvnitř podmíněného komentáře jako komentář a zobrazí ho.

„Negativní“ komentář

<!--[if ! IE 8]>
  Tento text by měl být vidět ve všech prohlížečích kromě Internet Exploreru 8.
<![endif]-->

Vykřičník znamená negaci.

Proč jsem však napsal, že by to tento text měl být vidět? Protože ve skutečnosti bude vidět pouze v Internet Exploreru kromě verze 8, jelikož tu jsme vyřadili pomocí !. Ostatní prohlížeče text nezobrazí, protože ho vnímají jako klasický komentář.

A pokud chceme, aby text byl vidět opravdu ve všech prohlížečích kromě IE 8 použijeme řešení od Davida Grudla:

<!--[if ! IE 8]>-->
  Tento text je vidět ve všech prohlížečích kromě Internet Exploreru 8.
<!--<![endif]-->

Rozlišení více verzí IE najednou

Pomocí zkratek

  • lt (less than) – menší než,
  • lte (less than or equal to) – menší nebo rovno,
  • gt (greater than) – větší než,
  • gte (greater than or equal to) – větší nebo rovno

potom můžeme rozlišovat více verzí IE najednou.

<!--[if lte IE 6]>
  Tento text je vidět v 6. a nižších verzích prohlížeče Internet Explorer.
<![endif]-->

<!--[if lte IE 6]>
  Tento text není vidět v 6. a nižších verzích prohlížeče Internet Explorer.
<![endif]-->

Pokud pak chceme rozlišit i verzi 5.5, je potřeba do podmíněného komentáře napsat 5.5000, jelikož verze zapisovaná desetinných číslem musí být čtyřmístná.

Spojení s CSS

Největšího využití pak podmíněné komentáře nacházejí ve spojení s kaskádovými styly.

Pomocí podmíněného komentáře můžeme Internet Exploreru přiřadit vlastní styl a tím dosáhnout stejného vzhledu jako v ostatních prohlížečích (zobrazení v Internet Exploreru, převážně pak ve verzi 6, se totiž občas liší a je třeba ho doladit pomocí speciálního stylu).

<link rel="stylesheet" type="text/css" href="styl.css" media="screen, projection, tv" />
<!--[if IE 6]><link rel="stylesheet" type="text/css"
href="styl-ie6.css" media="screen, projection, tv"><![endif]-->

Nejprve načteme společný styl a potom styl s úpravami pro IE 6. Pořadí bychom neměli přehodit, protože se může stát, že společný styl nám může styl pro IE 6 přebít.

 

Rovnou k použití

Novinky na webu

Chronologický přehled novinek na tomto webu

Důležité a užitečné

Vstup do diskusního fóra

Diskusní fórum

Mapa webu

Prohlédněte si strukturu webu pro snažší orientaci.

Stažení tohoto webu

Stáhnout celý web (V budoucnu)

Vytvoření webu od A do Z

Nemáte čas nebo nechcete studovat?
Přečtěte si návod, jak vytvořit web od A do Z, aneb snadno a rychle… (V budoucnu)

Ódy na tento web

Zapějte taky nějakou…

Podpora webu

Jak můžete podpořit tento web

Aktualizace webu

Poslední aktualizace webu proběhla
24. 3. 2010.

 

 TOPlist