Disassembler

Artificial intelligence is no match for natural stupidity.
16října2011

HTML5 elementy ve Firefoxu 3.6


Stále se najdou lidé používající Firefox 3.6, odmítající přechod na vyšší verze. Po té, co Mozilla nakrmila číslování verzí steroidy, se jim ani moc nedivím. Podle StatCounteru jich rozhodně není málo. Firefox 3.x HTML5 nepodporuje, ale strom elementů přelouská víceméně správně. Problém je pouze s jejich zobrazením. A aby si i uživatelé toho prohlížeče mohli HTML5 obsah užít, je třeba Firefoxu trochu pomoci.

Blokování obsahu


Obsah prostě zablokujeme. Ať si stáhnou jiný prohlížeč!

Ne? Dobře, tohle není moc liberální řešení. Ale i to správné řešení má co do činění s blokováním - respektive s bloky. Firefox 3.6 totiž všem neznámým elementům přiřadí styl display: inline. U inline elementů to je samozřejmě v pořádku, ale v HTML5 je také spousta nových tagů pro sémantické dělení stránky, které jsou blokové. Stačí je tedy jen identifikovat a v kaskádovém stylu Firefoxu přikázat, ať je zobrazí blokově

article, aside, canvas, details, figcaption, figure, footer, header, hgroup, nav, section, summary, video {
    display: block;
}

Díky tomuhle jednoduchému snippetu si můžete i moji plně HTML5 stránku vychutnat ve starších Firefoxech. A to i přesto, že Firefox vůbec nemám v lásce.