Zastarané HTML tagy a alternatívy - Český HTML 5 manuál

Nasledujúce tagy boli odobraté z HTML špecifikácie a nemali by ste ich teda používať. Nájdete tu ich register a dôvody, prečo už nie sú súčasťou HTML. Tagy sú z dôvodu kompatibility so starými webovými stránkami prehliadačmi stále podporované. To že fungujú však vôbec neznamená, že sú určené na ďalšie používanie.

Stylovací tagy

Pre prehľadnosť a ľahšie hromadnú modifikovateľnosť do HTML stránky vkladáme iba obsah, ktorý nesie nejaký význam. Úprava vzhľadu elementov (štýlovanie) sa vyčlenila do samostatného dokumentu CSS. Štýlovanie teda už do HTML dokumentu nepatrí, viac v článku Úvod do CSS. Nižšie uvedené tagy budú vždy predvedené v ukážke a potom nahradené validný CSS alternatívou. V ukážke budem CSS vkladať do atribútu style, napr. Pre výpis zelených hodín:

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

Na vašich stránkach potom budete mať:

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

Do CSS dokumentu vložíte:

.hodiny {color: green;}

Zle je táto varianta:

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

Pretože názov triedy sa nemá odvodzovať od toho, ako sa to má zobraziť, ale čo sa má zobraziť.

Prejdime k zastaraným tagom:

<big>

Tag vykreslil väčší text ako normálne.

ukážka:

<big>větší text</big>

Správnej zväčšenie textu pomocou CSS

<span style="font-size: 1.2em;">větší text</span>

Podobne ako big sa v HTML vyskytovalo aj small. Tento element bol ponechaný a slúži na označenie textu s nízkym významom. Big teda používať nesmieme, small áno.

<strike>

Vykreslil text ako prečiarknutý.

ukážka:

<strike>přeškrtnutý text</strike>

Správnej prečiarknutie textu pomocou CSS

<span style="text-decoration: line-through;">přeškrtnutý text</span>

<font>

Umožňoval nastaviť typ, veľkosť a farbu písma.

ukážka:

<font face="arial" color="green" size="2">ostylovaný text</font>

Správne nastavenie písma pomocou CSS

<span style="font-family: arial; font-size: 9pt; color: green;">ostylovaný text</span>

Pozn. Pokiaľ má font v názve medzery (napr Times new roman), v CSS ho zapíšeme do apostrofov či úvodzoviek.

<center>

Tag slúžil k centrovanie elementov do neho vložených.

ukážka:

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

Centrovanie v CSS

V CSS už nemôžeme centrovať takýmto spôsobom, pretože je jeho štýlovanie chápané inak. K centrovanie textu a ďalších riadkových elementov (napr. Obrázkov) je jednoducho všetky vložíme do tagu div s nasledujúcimi parametrami:

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

Tabuľku takto však nevycentrujeme, pretože je blokovým elementom. Pre blokové elementy, ktoré si prajeme vycentrovať, musíme nastaviť horizontálne margin na hodnotu auto a nesmieme zabudnúť nastaviť ich šírku:

<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ámca

Rámca sa používali k zobrazovaniu podstránok az HTML boli odobraté z dvoch dôvodov. Prvým je, že s nimi mali problémy vyhľadávače (napr. Google). Druhý dôvod je vlastne príčina týchto problémov - s rámci sa totiž nemôžeme dostať na určitú stránku pomocou URL adresy, celý web má jedno URL a navigácie prebieha pomocou rámcov. Pozíciu na webe nemožno nijako zaznamenať, vždy sa musíme k danej podstránke znova preklikať.

Rámce sú určite zlé, ale podľa môjho názoru je to dobrá cesta pre prvý web, kde začiatočníci nemusí opisovať stále navigačné menu do každej stránky alebo k tomu používať ďalšie jazyk. Ako jedinú alternatívu rámcov v statickom HTML vidím tabuľkový layout, kde rozdielne renderovanie tabuľky rieši problém s výškou divu a výškou iframe.

<frameset>

Frameset obsahoval súbor rámov. Do HTML stránky sa vkladal miesto tagu body a rámca teda zaplňovali celý obsah dokumentu. V každom rámci sa zobrazovala samostatná HTML stránka.

<frame>

Frame bol rámec, v ktorom sa zobrazovala samostatná HTML stránka.

<noframes>

Do tagu noframes sa vkladal obsah, ktorý sa zobrazil v prípade, že daný prehliadač rámca nepodporoval. Tag sa vkladal do FRAMESET a zvyčajne obsahoval popis stránky a odkaz na alternatívne navigáciu. Niekedy je to noframes nesprávne vkladaná hláška: "Váš prehliadač nepodporuje rámce". Tento text však indexujú vyhľadávače miesto titulnej stránky a mal by teda obsahovať najmä kľúčové slová a navigáciu.

Prí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>

Nezamieňajte rámce s inline rámcom iframe, ktorý je validný.