Zastaralé HTML tagy a alternativy - Český HTML 5 manuál

HTML a CSS Manuál Zastaralé HTML tagy a alternativy - Český HTML 5 manuál

Následující tagy byly odebrány z HTML specifikace a neměli byste je tedy používat. Naleznete zde jejich rejstřík a důvody, proč již nejsou součástí HTML. Tagy jsou z důvodu kompatibility se starými webovými stránkami prohlížeči stále podporovány. To že fungují ovšem vůbec neznamená, že jsou určené k dalšímu používání.

Stylovací tagy

Pro přehlednost a snazší hromadnou modifikovatelnost do HTML stránky vkládáme pouze obsah, který nese nějaký význam. Úprava vzhledu elementů (stylování) se vyčlenila do samostatného dokumentu CSS. Stylování tedy již do HTML dokumentu nepatří, více v článku Úvod do CSS . Níže uvedené tagy budou vždy předvedeny v ukázce a poté nahrazeny validní CSS alternativou. V ukázce budu CSS vkládat do atributu style, např. pro výpis zelených hodin:

<span style="color: green;">21:24</span>

Na vašich stránkách potom budete mít:

<span class="hodiny">21:24</span>

Do CSS dokumentu vložíte:

.hodiny {color: green;}

Špatně je tato varianta:

<span class="zeleny">21:24</span>

Protože název třídy se nemá odvozovat od toho, jak se to má zobrazit, ale co se má zobrazit.

Přejděme k zastaralým tagům:

<big>

Tag vykreslil větší text než normální.

Ukázka:

<big>větší text</big>
Správné zvětšení textu pomocí CSS
<span style="font-size: 1.2em;">větší text</span>

<small>

Podobně jako big se v HTML vyskytovalo i small. Tento element byl ponechán a slouží k označení textu s nízkým významem. Big tedy používat nesmíme, small ano.

<strike>

Vykreslil text jako přeškrtnutý.

Ukázka:

<strike>přeškrtnutý text</strike>
Správné přeškrtnutí textu pomocí CSS
<span style="text-decoration: line-through;">přeškrtnutý text</span>

<font>

Umožňoval nastavit typ, velikost a barvu písma.

Ukázka:

<font face="arial" color="green" size="2">ostylovaný text</font>
Správné nastavení písma pomocí CSS
<span style="font-family: arial; font-size: 9pt; color: green;">ostylovaný text</span>

Pozn. Pokud má font v názvu mezery (např Times new roman), v CSS ho zapíšeme do apostrofů či uvozovek.

<center>

Tag sloužil k centrování elementů do něj vložených.

Ukázka:

<center>Text <img src="obrazek.png" alt="obrázek" /> <table><tr><td>tabulka</td></tr></table></center>
Centrování v CSS

V CSS již nemůžeme centrovat takovýmto způsobem, protože je jeho stylování chápáno jinak. K centrování textu a dalších řádkových elementů (např. obrázků) je jednoduše všechny vložíme do tagu div s následujícími parametry:

<div style="text-align: center;">Text <img src="obrazek.png" alt="obrázek" /></div>

Tabulku takto ovšem nevycentrujeme, jelikož je blokovým elementem. Pro blokové elementy, které si přejeme vycentrovat, musíme nastavit horizontální margin na hodnotu auto a nesmíme zapomenout nastavit jejich šířku:

<div style="text-align: center;">Text <img src="obrazek.png" alt="obrázek" /><table style="margin: 0 auto; width: 640px;"><tr><td>tabulka</td></tr></table></div>

Rámce

Rámce se používaly k zobrazování podstránek a z HTML byly odebrány ze dvou důvodů. Prvním je, že s nimi měly problémy vyhledávače (např. Google). Druhý důvod je vlastně příčina těchto problémů - s rámci se totiž nemůžeme dostat na určitou stránku pomocí URL adresy, celý web má jedno URL a navigace probíhá pomocí rámců. Pozici na webu nelze nijak zaznamenat, vždy se musíme k dané podstránce znovu proklikat.

Rámce jsou určitě špatné, ale dle mého názoru je to dobrá cesta pro první web, kde začátečníci nemusí opisovat stále navigační menu do každé stránky nebo k tomu používat další jazyk. Jako jedinou alternativu rámců ve statickém HTML vidím tabulkový layout, kde rozdílné renderování tabulky řeší problém s výškou divu a výškou iframe.

<frameset>

Frameset obsahoval soubor rámů. Do HTML stránky se vkládal místo tagu body a rámce tedy zaplňovaly celý obsah dokumentu. V každém rámci se zobrazovala samostatná HTML stránka.

<frame>

Frame byl rámec, ve kterém se zobrazovala samostatná HTML stránka.

<noframes>

Do tagu noframes se vkládal obsah, který se zobrazil v případě, že daný prohlížeč rámce nepodporoval. Tag se vkládal do framesetu a obvykle obsahoval popis stránky a odkaz na alternativní navigaci. Někdy je to noframes nesprávně vkládána hláška: "Váš prohlížeč nepodporuje rámce". Tento text však indexují vyhledávače místo titulní stránky a měl by tedy obsahovat zejména klíčová slova a navigaci.

Příklad HTML stránky s rámci:

<html>
<head>
        <title>Stránka s rámci</title>
</head>

<frameset cols="150, *">
        <frame name="menu" src="menu.html" />
        <frame name="obsah" src="omne.html" />
        <noframes>Web o rybičkách a akvarijních živočích. Můžete ručně přejít do <a href="menu.html">Menu</a>.</noframes>
</frameset>

Nezaměňujte rámce s inline rámcem iframe, který je validní.


 

  Aktivity (1)

Článek pro vás napsal David Čápka
Avatar
Autor pracuje jako softwarový architekt a pedagog na projektu ITnetwork.cz (a jeho zahraničních verzích). Velmi si váží svobody podnikání v naší zemi a věří, že když se člověk neštítí práce, tak dokáže úplně cokoli.
Unicorn College Autor se informační technologie naučil na Unicorn College - prestižní soukromé vysoké škole IT a ekonomie.

Jak se ti líbí článek?
Celkem (3 hlasů) :
4.333334.333334.333334.33333 4.33333


 


Miniatura
Všechny články v sekci
Český HTML 5 manuál

 

 

Komentáře
Zobrazit starší komentáře (7)

Avatar
David Čápka
Tým ITnetwork
Avatar
David Čápka:

Dobrý nápad, nejprve popíši tyto tagy a poté je zde nalinkuji.

Odpovědět 30.6.2012 7:20
Miluji svou práci a zdejší komunitu, baví mě se rozvíjet, děkuji každému členovi za to, že zde působí.
Avatar
jindral
Redaktor
Avatar
jindral:

Proč jsem to doteď používal? :D

Odpovědět 3.7.2012 23:03
129x pád = 219x úspěch
Avatar
Daniel Vítek
Tým ITnetwork
Avatar
Daniel Vítek:

Je velká chyba když používám

<font class="hodiny">21:24</font>

??

 
Odpovědět 4.7.2012 6:09
Avatar
David Čápka
Tým ITnetwork
Avatar
Odpovídá na Daniel Vítek
David Čápka:

Je, používáš něco, co v HTML již není a co porušuje jeho principy. Navíc zde font nemá smysl, zaměň ho za span a bude to v pořádku.

Odpovědět 4.7.2012 8:34
Miluji svou práci a zdejší komunitu, baví mě se rozvíjet, děkuji každému členovi za to, že zde působí.
Avatar
VelkyBubak
Člen
Avatar
VelkyBubak:

Měl bych pár dotazů k článku:

  1. Není jistější variantou pro zmenšování/zvět­šování textu procentuální vyjádření? Tak jak to tam teď je může jít v obou případech o zmenšování (stačí nastavit pro text 1.3em)
  2. Co máš s tím ukončováním nepárových tagů stylem ' />' - to nemá s html5 přece nic společného, ne?
 
Odpovědět 9.11.2014 21:12
Avatar
piatoksviatok:

Tento článok je pre mňa krutý, mám naframeovanú úvodnú stránku s patričnými vlastnosťami u každého frame, je toto možné nahradiť? Skúsil som to spustiť takto: hlavná stránka html4.01 , podstránky html5... čo vy (to ako nevykám, ale tak pre každého)na to? :) -

Editováno 7.4.2015 9:57
 
Odpovědět 7.4.2015 9:56
Avatar
tomasmanhal
Člen
Avatar
Odpovídá na piatoksviatok
tomasmanhal:

Zbav se rámů co nejdříve ;-) Nevím co by ti mohlo bránit nahradit rámy něčím jiným. Můžeš sem hodit odkaz na ty stránky? Určitě se něco vymyslí ;-)

Odpovědět  +1 7.4.2015 11:39
Kdyby nám dodali k životu zdrojový kód, vše by bylo jednodušší...
Avatar
Honza Bittner
Redaktor
Avatar
Odpovídá na piatoksviatok
Honza Bittner:

Framy se už nepoužívají tímto způsobem, takže to určitě nějak nahraď. :)

Odpovědět 7.4.2015 12:27
Ptejte se mě na cokoli na https://github.com/HoBi/ama a followujte mě na Twitteru https://twitter.com/tenhobi. :-)
Avatar
Odpovídá na tomasmanhal
piatoksviatok:

Tomas - Zatial to ešte nemám sprovoznené, este mi tam chybaju nejake veci, snazim sa tu dovzdelat v potrebnom, pre bezporuchovy provoz. Stranka ma fungovat za pomoci html, php, js, a zrejme aj xml, kedze to chcem celosvetovo, ramy su mi pohodlne, nakolko sa mi automaticky zmensuju, tabulka asi nie... neviem teda o tom, lebo chcem to sfunkcnit aj na mensie media, ako rozne smartzariadenia, no nic, idem studovat dalej, najskôr som potreboval funkcnost logiky, a teraz potrebujem grafiky, ja sa snad naucim programovat.... uz som nad tym zosedivel ako samouk a tato stranka je teda super... .

 
Odpovědět  -1 7.4.2015 14:00
Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 10 zpráv z 17. Zobrazit vše