V čem je problém - Proč to tak je - Současné prohlížeče - Standard, nebo optimalizace? - Metoda pokusu a opravy - Metoda znalostí verzí HTML - Rozlišení obrazovky - Konkrétně
Stejná stránka se může v různých prohlížečích zobrazit diametrálně odlišně. Začínající Internetoví autoři na to nejsou psychicky připraveni, ale je to opravdu tak. Na Internetu nevím, jaký prohlížeč můj čtenář používá, proto nemá cenu specializovat se na jeden typ prohlížeče a stránky ladit jen pro něj. Pokusím se nastínit nejčastější problémy a jejich řešení. Ale napřed krátký historický úvod.
Internet se vyvíjí neuvěřitelně rychle. Podobně dynamicky se přetvářel jazyk HTML, tak aby umožňoval zařazovat do stránek nové a nové věci.
Je zřejmé, že starší prohlížeče neumožňovaly stejné zobrazení stránek jako prohlížeče moderní, protože v době vzniku starších prohlížečů se prostě nevědělo, jak se budou stránky psát za pár let. Něco samozřejmě zůstalo stejné, ale novější, složitější věci a nové tagy staré prohlížeče zobrazovat neumějí. A je tu ještě další problém:
Kromě oficiální verze jazyka existují různé návrhy na jeho rozšíření. Výrobci prohlížečů (zejména Microsoft) se snaží do svých prohlížečů zabudovat podporu nestandardních věcí, které jsou teprve v návrhu. (Snaží se, aby weboví autoři tvořili stránky hlavně pro jejich prohlížeč a nabízejí jim při tom nové možnosti.) Čili jazyk HTML je vlastně závislý na prohlížeči, který používá čtenář (klient).
Podle mých zkušeností používá dnes kolem osmdesáti procent českých čtenářů prohlížeč Internet Explorer od Micro$oftu ve verzi 4 nebo 5 (které se od sebe moc neliší). Občas se objevují i trojkové verze Exploreru, zejména jako relikty na počítačích z let 1995 a 1996.
Netscape Navigator (nebo teď se říká Comunicator) používá velmi malá část zbylé Windowsové komunity, ale ti, kteří preferují dnes stále oblíbenější Linux, mají bez výjimky Netscape, protože na Linuxu Explorer neexistuje. To znamená, že na Netscape nelze zanevřít. Kromě na svou dobu fantastických druhé a třetí verze (které se ještě mnohde používají, zejména na vysokých školách) existuje mnoho podverzí čtyřky.
V roce 2001 se objevila verze 6, která vychází z jádra Gecko. Chová se bez výjimky stejně jako Mozilla 5.
Kdo dělá internetové stránky, dostane se velmi brzy před dilema:
Většina amatérů volí druhý postup, někteří z nich dokonce napíší "tyto stránky jsou optimalizovány pro ten a ten prohlížeč". Uživatelé ostatních nechť si trhnou nohou, já za nic nemohu.
Pokud by bylo na výběr jen mezi těmito dvěma přístupy, bylo by dobré držet se jednoduchých, standardních postupů a žádné šílenosti do stránek nezařazovat. Naštěstí existují i jiné cesty.
Autor udělá krásné stránky optimalizované pro jeden prohlížeč a pak si to zkouší zobrazovat v jiných. Najde-li chybu, nějak ji opraví. To je výborná metoda, leč příliš pracná.
Autor, který ví, co může a nemůže použít, je na tom nejlépe. Pokud vytvoří na stránce něco, co by se ve starších prohlížečích zobrazilo špatně, udělá to tak, aby se v nich zobrazilo alespoň něco. Nejlépe je využít přitom CSS styly. Je to těžké na znalosti, ale jediné všeobecné.
Když dělám důkladněji upravené stránky, často brečím nad tím, že nevím, jaké rozlišení bude můj čtenář používat. Mám dělat pro rozlišení 1024 bodů na řádek nebo jenom 800? Nebo méně? Jsou jen čtyři způsoby řešení, každý má ale chyby.
Závěr: doporučuji přístup číslo jedna, pokročilejším tři (tabulku).
Mám zkušenosti s několika prohlížeči. Pokusím se popsat, co který podporuje. Bez záruky, jsem amatér a dělám jenom pokusy.
Verze | 3.x | 4.x | 5.x, 6.x | |||
---|---|---|---|---|---|---|
Typ | NN | IE | Internet Explorer 4, 5 a 6 |
NN 4 | Opera | Mozilla. Netscape 6 |
Rámy | Ano | Ano | Ano | Ano | Ano | Ano |
Tag IFRAME | Ne | Ano | Ano | Ne! | Ano | Ano |
Colgroup | Ne | Ano | Ano | nevím | Ne | Částečně |
JavaScript | Ano | Částečně | Ano | Ano | Částečně | Špatně |
VBScript | Ne | Ano | Ano | Ne | Ne | Ne |
Java applety | Ano | Ano | Ano | Ano | Volitelně | Ano |
DHTML | Ne | Ne | Ano | Ne | Ne | Ne |
CSS styly | Ne | Chybně | Ano | Trošku chybně | Ano | Výborně |
Styl margin | Ne | Chybně | Ano | Špatně | Ano | Ano |
Styl display | Ne | Ne | Ano | Divně | Ano | Ano |
Grafické filtry | Ne | Ne | Ano | Ne | Ne | Ne |
Tag "div" s atributy | Částečně | Ano | Ano | Ano | Ano | Ano |
CSS pozicování | Ne | Ne | Ano | Ano | Ano | Ano |
Prohlížeče IE 4, 5 a 6 se kromě detailních rozdílů v zobrazení blokových CSS stylů v ničem neliší. Obecně lze říci, že IE 5 a 6 je v podpoře CSS o dost lepšínež čtyřka.
Toto je konec základního kurzu. Předchozí: Editory
Vizte též: formátovací chyby, úplné začátky, design
pomocí tabulek, zápis stylu pro různé prohlížeče,
omezení CSS
Doporučené pokračování: Obrázky nebo Odkazy nebo Tabulky nebo Rámy nebo CSS
Obsah
Hledání
Základní kurs
Editory
HTML tipy
Provoz webu
CSS styly
Jak psát web:
http://dusan.pc-slany.cz/internet/
Píše Yuhů: autorova stránka, mail: dusan@pc-slany.cz
Poslední aktualizace 21.12.2001