Rozšíření HTML
| Tag | Význam | Párový | Podpora | Prognóza |
|---|---|---|---|---|
| bgsound | zvuk na pozadí | ano | Internet Explorer | |
| marquee | běžící text | ano | Internet Explorer | mrtvé |
| layer | hladina, vrstva | ano | Netscape 4 | velmi mrtvé |
| multicol | sloupcová úprava | ano | Netscape | velmi mrtvé |
| spacer | prázdné místo | ne | Netscape | velmi mrtvé |
| canvas | bitmapová grafika | ano | Firefox, Webkit, Opera | možná se to časem chytne |
| svg | vektorová grafika | ano | Firefox, Webkit, Opera | nevím |
| video, audio | video, audio | ano | Firefox, Webkit, Opera | asi bude časem fungovat |
| tagy struktury | vyznačení významů části stránky | ano | Firefox, Opera, Webkit | teprve přijde |
Rozšířeními HTML chápu značky, které nejsou podporovány většinou prohlížečů. Jsou to jednak zastaralé tagy, jednak příliš nové tagy.
bgsound
Vloží do stránky zvuk na pozadí (angl. background sound). Nepárový tag vyskytující se v hlavičce. Podporuje Internet Explorer od verze 3. Uživatel může zvuk vypnout kliknutím na tlačítko stop, které je v prohlížeči. Jsou akceptovány soubory typu wav a mid, možná i další. <bgsound> doporučuji nepoužívat, protože to působí rušivě.
| Atribut | Význam | Hodnoty |
|---|---|---|
| src | adresa načítaného zvuku | URL *.mid | *.wav |
| loop | počet opakování | číslo; -1 znamená "furt dokola" |
| delay | odložení začátku přehrávání | sekundy |
| volume | hlasitost | číslo; nula znamená plnou hlasitost, -10000 ticho |
| balance | balance sterea | -10000 až 10000; nula je normál |
Příklad:
<head>
...
<bgsound src="pisnicka.mid" loop="-1">
</head>
Více informací: zvuky na webových stránkách.
marquee
Jezdící text. Párový tag obklopující ten text. Prohlížeče, které <marquee> neznají, text zobrazují normálně. Podporujován ve všech běžných prohlížečích (aktualizováno 2012). Doporučuji marquee nepoužívat, protože to působí rušivě.
Pokud budete používat složitější nastavení, počítejte s tím, že se jejich chování v jednotlivých prohlížečích může lišit.
| Atribut | Význam | Hodnoty |
|---|---|---|
| direction | kterým směrem má text rolovat | down | left | right | up |
| behavior | způsob rolování textu | scroll | alternate | slide |
| loop | počet rolování (pokud není uvedeno, je to nekonečno) | číslo |
| scrollamount | počet pixelů mezi dvěma fázemi animace | pixely |
| scrolldelay | počet milisekund na jednu změnu obrázku | milisekundy |
| truespeed | Všechny hodnoty scrolldelay nižší než 60 milisekund nebudou upraveny na 60 ms (což by se normálně stalo) | bez hodnoty |
| width | šířka posouvané oblasti (nikoli oblasti, v níž se posunuje) | délka nebo procento |
| height | výška oblasti, v níž se posunuje (čili funguje jinak než šířka) | délka nebo procento |
| vspace | vertikální okraj | pixely |
| hspace | horizontální okraj | pixely |
| bgcolor | barva pozadí | barva |
| behavior= | Význam |
|---|---|
| scroll | text jede v daném směru |
| alternate | text jede tam a pak zpátky |
| slide | text přijede a zůstane |
layer
Vrstva, hladina. Párový tag. Podporován Netscapem pouze verze 4, další verze jej nepodporují (protože další verze Netscape jsou Mozilla). Umožňuje překrývání obsahu. Doporučuji nepoužívat, lze nahradit pozicováním.
| Atribut | Význam | Hodnoty |
|---|---|---|
| visibility | viditelnost | hide | show | inherit |
| width | šířka | délka nebo procento |
| height | výška | délka nebo procento |
| left | posunutí doprava | délka nebo procento |
| top | posunutí dolů | délka nebo procento |
V některých stránkách jsem viděl tag <ilayer>, ale vůbec nevím, co dělá. Snad nějaká alternativa k <iframe>?
multicol
Sloupcové uspořádání textu. Párový tag. Podporován Netscapem ve verzi 3 a 4.V moderních prohížečích nepodporovaný. Doporučuji nepoužívat, mimo jiné protože sloupcová úprava se pro čtení na webu nehodí.
| Atribut | Význam | Hodnoty |
|---|---|---|
| cols | počet sloupců | číslo |
| gutter | šířka mezi sloupci | pixely |
| width | šířka elementu všech sloupců | délka nebo procento |
spacer
Prázdné místo. Nepárový tag, podporovaný pouze Netscapem myslím do verze 4. Je natolik nestandardní, že jej raději ani nebudu moc popisovat. Atributy type (= horizontal | vertical | block), size ( nebo pro type=block: width, height), align. Naprosto mrtvá věc.
canvas
Bitmapová grafika. Nepodporuje Explorer, takže to nelze použít, leda na hraní. Příklad napsat neumím (nikdy jsem se do toho neponořil). Každopádně se neobejde bez javascriptu.
svg
Vektorová grafika. Nepodporováno v Exploreru, takže zatím nepoužitelné. Vektorová grafika se dnes dělá většinou technologií Flash vkládanou přes tagy <embed> nebo <object>.
video
Tag pro video. Nepodporuje Explorer, takže to nelze použít. Takže ani nepíšu příklad. Video se dnesv praxi většinou zobrazuje technologií Flash vkládanou tagem <object> (například na Youtube). Problém se zavedením tagu video, jestli jsem to dobře pochopil, spočívá v tom, že výrobci prohlížečů se nechtějí dohodnout, čí formát videa to bude umět přehrávat a jakým kodekem.
audio
Tag pro zvuk, písničku apod. Nepodporuje Explorer, takže to nelze použít. Na vkládání zvuku se normálně používá tag object nebo embed, přičemž dnešní prohlížeče už umějí přehrát většinu formátů.
Tagy struktury
HTML 5 zavádí tagy na vyznačení struktury dokumentu. Jde o tagy header, nav, article, section, aside a footer.
| Tag | Význam |
|---|---|
| header | hlavička stránky (grafická) |
| nav | navigace na stránce |
| article | hlavní obsah, článek na stránce |
| section | část článku, sekce |
| aside | postraní sloupek |
| footer | patička stránky |
| figure | jednotka obsahu patřící k sobě |
Tagy samy o sobě nemají žádný vzhled, chovají se tedy jako tag div. Vzhled je tedy potřeba dodat pomocí CSS.
- Pozor, Internet Explorer do verze 8 nedokáže takové (pro něj neznámé) značky vůbec ostylovat!
- Pozor, prohlížeče se liší tím, jestli považují tyto tagy za blokový prvek. Obecně Webkit považuje tyhle tagy za blokové, Firefox a Opera jako řádkové. (Bude tedy vždy potřeba nastavit také CSS vlastnost display).
Dnes (2010) se ještě tyto tagy nemohou bezpečně použít, protože je nepodporuje Internet Explorer a to dokonce ani ve verzi 8 (to znamená, že ještě tak v roce 2012 to nebude mít cenu). Internet Explorer je prostě nezná, považuje je za neznámé tagy, takže je ignoruje a nejdou stylovat. V praxi je tedy tyto tagy nutné nahradit je tagem <div> s nějakým id nebo class, nebo používat skripty (obecně zvané "polyfill") na to, aby vůbec šly stylovat.
Reklama
