Na navigaci | Klávesové zkratky

Translate to English… Ins Deutsche übersetzen…

Kouzlo s podmíněným komentářem

Tento článkem je vlastně odpovědí na e-mail Honzy Biena, který se ptal na čachry, které jsem tuhle prováděl s podmíněnými komentáři. Totiž, obecně panuje představa, že jeden druh komentářů (downlevel-hidden) je validní a druhý (downlevel-revealed) nikoliv. A já se právě pokusil ty nevalidní upravit tak, aby validní byly. ;)

Nejprve se podívejme na oficiální dokumentaci (nebo článek v češtině).

Máme tu tzv. „downlevel-hidden“ nebo chcete-li „skrývající“ komentář:

<!--[if IE 5]>
Tohle vidí jen IE verze 5
<![endif]-->

A také „downlevel-revealed“ aneb „odhalující“ komentář:

<![if !IE 5]>
Tohle vidí všichni kromě IE verze 5
<![endif]>

Nenechte se zmást tím, co se nachází mezi hranatýma závorkama, a zobecněme, že pro otevření komentáře existují dva oficiální zápisy <!--[if ???]> a <![if ???]>, a dále pro uzavření opět dva <![endif]--> a <![endif]>. To je důležitý výchozí bod.

Tedy ten podmíněný komentář s negací lze bezpochyby zapsat i takto:

<!--[if !IE]>
Tohle vidí všichni kromě IE
<![endif]-->

Perfektní službu nám nyní prokazuje zvýrazňovač syntaxe FSHL, díky kterému jasně vidíme zádrhel zmíněného zápisu. Totiž větu „Tohle vidí všichni kromě IE“ sice ostatní prohlížeče vidí, ale bohužel jako součást velkého komentáře. Což je nám vcelku houby platné, že?

Dobře, proč tedy ten načatý komentář nepřerušit?

<!--[if !IE]>
komentář --> tohle už ne <!-- opět komentář
<![endif]-->

Odsud už je jen krůček k optimalizaci:

<!--[if !IE]> -->
Tohle vidí všichni kromě IE
<!-- <![endif]-->

Jak prozrazuje FSHL, syntaxi jsme učinili za dost a výsledkem je plně validní a funkční podmíněný komentář, kterým lze vložit kód, jenž IE nevidí, ať se snaží sebevíc.

Můžete si to vyzkoušet.

Děkuji za pozornost.

Komentáře

  1. goophy http://goophy.net #1

    avatar

    Děkuji za pozornost.

    Teď už snad jen zatleskak, stoupnout si a odejít z posluchárny pln dojmu, že jsem strávil těch pár minut užitečně, když jsem si četl tenhle článek. Vážně to bylo dobrý. ;)

    před 11 lety
  2. Tomik http://tomik.jmx.cz #2

    avatar

    Musím říci, že když je takto k ráno, člověk barvišky a FSHL opravdu ocení… :-)

    před 11 lety
  3. Jan Renner #3

    avatar

    Excelentní. Fakt. Když jsem poprvé viděl revealed CC, rezignoval jsem na jeho použití pro nevaliditu a dál se o něj nezajímal.

    Ještě mě zaujala konstrukce typu

    <!--[if !IE 5]> <!-->
    <p>Já nejsem MSIE 5</p>
    <!--> <![endif]-->

    kterou jsi ukazoval před dvěma dny u Honzy Biena. Ta funguje podle očekávání – nahrazuje i selektivní revealed CC, takže by se na ně dalo úplně zapomenout. Sekvence

    <!-->

    je pro mě ovšem co do významu docela záhada. Teoreticky je v pořádku a při použití mimo komentář komentář otevírá a při použití uvnitř komentáře ho zavírá :) MSIE (včetně 7 beta 2) si to ale nemyslí a bere ji nejspíš jako samostatně stojící komentář. Toho využívá ta zmíněná konstrukce. Testoval jsi to? Prakticky bych to asi nepoužil (ono v podstatě odlišovat od sebe verze IE ani není proč), ale je to zajímavé.

    před 11 lety | reagoval [4] David Grudl
  4. David Grudl http://davidgrudl.com #4

    avatar

    #3 Jane Rennere, Prakticky žádný browser neumí správně nakládat s komentáři (viz tento test), což je dáno především jejich podivnou až nevhodnou syntaxí. Takže ačkoliv sekvence <!--> znamená, jak píšeš, začátek nebo konec komentáře, IE ji chápe jinak a po svém. Ovšem nelze na to spoléhat.

    Že se tato verze objevila u Honzy Biena je má chyba, mělo tam být jen --> a <!--. I když v tomto případě funguje obojí stejně.

    před 11 lety
  5. Skic #5

    výborné

    před 11 lety
  6. luk #6

    Vysvětlím celý postup,
    i s rizikem, že mě zase
    nějaký *** nařkne
    z krádeže ;)

    Klidek, normalni lide dokazi poznat, kdo je inteligentni a kdo nouma.

    před 11 lety
  7. Petr http://na-mobily.cz #7

    Skutečně velmi zajimavy „hack“. Ted jen nez prijde nejaka nova verze xml a zakaze pouzivat zavorky v komentari ;)

    před 11 lety
  8. Roj http://roj.bloguje.cz #8

    avatar
    [smazáno] rado se stalo! :-)

    před 11 lety
  9. JiK #9

    Je možné takto odlišit Operu a Firefox?

    před 10 lety
  10. Petr #10

    Prima článek, ještě kdyby to tak fugnovalo pro více komentářů a ne jen pro jeden.

    před 10 lety
  11. Honza #11

    Nevím proč, ale v IE 6 při použití rámců dělá tento zápis problémy. Do rámce se na načte úplně jiná stránka a vícekrát zasebou ???

    před 9 lety

Tento článek byl uzavřen. Už není možné k němu přidávat komentáře.