By Lukáš Janáčik on sobota, 13. jún 2015
Category: Informačné technológie

HTML a XHTML

HTML

(Hyper Text Markup Language) je značkovací jazyk, ktorý je základom pre tvorbu internetových stránok. Slúži na presné a stručné vyjadrenie toho, čo chceme zobraziť v programe všeobecne nazvanom prehliadač. Jazyk HTML nie je nikdy kompilovaný do binárnej alebo inej podoby. Súbory, ktoré sú vždy v binárnom formáte, ako sú obrázky alebo zvuky, nie sú umiestnené priamo do súboru HTML, ale sú uvedené len odkazy na tieto

súbory. Sémantika a syntax jazyka HTML je definovaná štandardom HTML. Vývoj štandardu HTML je riadený konzorciom W3C. HTML súbor je obyčajný text obalený značkami

nazývanými niekedy tiež tagy, ktoré prehliadač nezobrazuje. Určujú ako bude text vyzerať, jeho formu. Značky sú uzatvorené v ostrých zátvorkách “<>“. Poznáme párové značky, a nepárové značky.

Párové značky (<b>tučný text</b> sa zobrazí: tučný text) – sú tie, ktoré medzi seba

uzatvárajú vlastný obsah a priraďujú mu danú hodnotu. Značka na ľavej a pravej strane výrazu je rovnaká s jedným rozdielom, že uzatvárajúca značka má za zátvorkou lomku.

Nepárové značky (<img src=”obr.gif”>) – umiestňujú do stránky jediný element. Je to

napríklad pozadie, vodorovná čiara alebo vloženie obrázka. Popis daného elementu je priamo vložený medzi ostré zátvorky.

Prvky majú definované dodatočné vlastnosti nazývané atribúty. Pomocou nich definujeme

farbu, písmo atď. Jazyk ignoruje veľké a malé znaky. Na tvorbu HTML stránky sa môžu využívať rôzne Wysiwyg editory (Dreamwear, Microsoft Expression Web Designer....), do ktorých sa vpíše text, vložia sa obrázky a editor sám doplní všetky HTML značky (tagy). K nevýhodám patrí nekompatibilita s rôznymi verziami internetových prehliadačov, HTML súbor môže byť pri interpretácii v rôznych prehliadačoch (Internet Explorer, Mozilla

Firefox, Opera...) zobrazený rozdielne. Momentálne je stabilná verzia HTML 5.  HTML5 je nová generácia jazyka HTML, prinášajúca celú sadu nových elementov, ktoré významne zjednodušujú štruktúru stránok.

XHTML

 

Rozšíriteľný hypertextový značkovací jazyk (Extensible Hypertext Markup Language) je značkový jazyk podobný HTML, ale s prísnejšou syntaxou. Zatiaľ čo HTML je aplikáciou SGML, veľmi pružného značkového jazyka, XHTML je aplikáciou XML, obmedzenej podmnožiny SGML. XHTML 1.0 sa stalo odporúčaním W3C 26. januára 2000. Dokumenty XHTML sú súčasne dokumentmi XML, takže môžu byť zobrazované, upravované a validované nielen

prehliadačmi a editormi, ale tiež XML nástrojmi. XHTML dokumenty môžu byť vytvorené rovnako ako predtým s existujúcimi editormi s podporou HTML 4 a tiež v nových editoroch, ktoré podporujú jazyk XHTML priamo. Vývojári dokumentov a editorov neustále objavujú nové spôsoby vyjadrenia svojich myšlienok prostredníctvom nových značiek. V XML je pomerne jednoduché pridať nové značky alebo ich atribúty. Rodina XHTML je navrhnutá tak aby prijatie takýchto rozšírení bolo možné prostredníctvom XHTML modulov. Tieto moduly umožnia použitie súčasných i nových vlastností pri vytváraní dokumentov. Stále sa objavujú nové možnosti prístupu k Internetu. Jazyk XHTML je navrhnutý s ohľadom na kompatibilitu všetkých možných editorov a prehliadačov. Vďaka novým mechanizmom profilácie dokumentov sú servery a proxy servery schopné rýchlejšie a lepšie spracovať obsah dokumentu. Vďaka štandardizácii je možné vytvoriť dokument podľa XHTML, ktorý je použiteľný vo všetkých editoroch a prehliadačoch.

Rozdiely medzi HTML a XHTML

Na prvý pohľad sa XHTML 1.0 oproti HTML 4.01 nelíši. Oba obsahujú tri typy DTD:

Strict, Transitional a Frameset. Oba obsahujú rovnaký počet atribútov aj elementov. Až

v XHTML 1.1 boli úplne odstránené niektoré elementy, ktoré sme mohli nájsť v Transitional

a Frameset verziách (X)HTML. Ale aby XHTML 1.0 stránka bola validná, musia sa dodržiavať

nasledovné pravidlá (pri verzii XHTML 1.0 strict alebo XHTML 1.1 sú tieto pravidlá prísnejšie):

-Všetky značky musia byť ukončené, a to vrátane nepárových, ako sú <img>, <link>, <br>, <hr> alebo <meta>. Zápis môže mať viac podôb. Buď použijeme najpoužívanejšie <img />, <img/> alebo klasické <img></img>. Druhý spôsob bez medzery sa neodporúča používať, pretože staršie prehliadače by mohli ignorovať posledný parameter (ak je zadaný). Tretí sa nesmie používať, ak zasielame XHTML dokument typom text/html. Všetky značky musia byť správne vnorené a nesmú sa prekrývať.

-V XHTML na rozdiel od HTML musia byť všetky značky a ich atribúty zapísané malými

písmenami, a to z toho dôvodu, že sú takto deklarované v odkazovanej DTD a XHTML (a XML) je case sensitive, teda záleží na veľkosti písma. Ak by sme si deklarovali vlastnú DTD, môžeme používať aj veľké písmená.

-Všetky hodnoty atribútov musia byť uzavreté do úvodzoviek.

-Dokument musí začínať XML deklaráciou. Jej použitie nie je povinné, ak je dokument

kódovaný v UTF-8 alebo ak určujeme kódovanie vyšším protokolom.

Ďakujem, že ste si prečítali môj článok a dúfam, že sa vám páčil a že ste sa niečo nové dozvedeli.

Prajem pekný zvyšok dňa :)

Súvisiace články

Leave Comments