Typ dokumentu, štruktúra stránky

XHTML

Na tejto stránke sa budeme zaoberať tvorbou stránok pomocou značkovacieho jazyka xhtml, css, java Scriptu . XHTML je nástupca verzie HTML 4.01. Tento značkovací jazyk vychádza z html a preto sa používajú tie isté prvky vrátane zavrhovaných. Rozdiel je v prísnejších pravidlách:

- V xhtml sa musia uvádzať názvy prvkov malými písmenami.

- Všetky prvky musia mat koncové označenie – prvkom ktoré nemali v html koncové označenie (img, br, meta…) vložíme pred znak “>” prázdnu medzeru a znak “/” napr.:

- Atribúty prvkov musia byt uzavreté v apostrofoch alebo úvodzovkách. – v html môžu byť jednoslovné hodnoty bez úvodzoviek, prípadne atribúty ktoré nemajú hodnotu (selected, disabled..)

Typ dokumentu

Tak ako sa xhtml vyvinulo z html tak sa aj samotné html vyvíjalo. A s tým súvisí aj vznik a zánik prvkov a atribútov. Aby sa zabezpečila použiteľnosť dokumentov písaných podla starších a nových pravidiel umožňujú nové pravidlá to čo staré a nieco navyše. Staré atribúty a prvky ktoré sú nežiadúce sú označované ako zastaralé alebo zavrhované.

Zastaralé prvky sú také, ktoré nová norma už nepodporuje a nemali by sa používať.(napr. listing, plaintex, xmp)

Zavrhované prvky sú také, ktoré nie je odporúčané používať ale ešte sú súčasťou normy (napr. applet, basefont, center, dir, font, isindex, menu, s, strike, u, ) Tieto prvky sa postupom času pravdepodobne z normy vyradia.

Je dobré ak dokument má na svojom začiatku uvedenú informáciu o tom akého je typu. Či sú v ňom použité aj zavrhované prvky alebo sa autor striktne dodržiaval normy a či je to html alebo xhtml dokument. Typické použitie definície html pre prísny, prechodový a rámcový typ dokumentu je:

Definície pre xhtml sú ti tiež tri:

Niečo na úvod

Pri vytváraní stránky by sme sa mali snažiť používať viac css ako jednotlivé atribúty pri prvkov. Týmto spôsobom oddelíme vlastne samotný obsah stránky od jej formátovania. Zdrojový kód bude viac čitatelný a prehľadný.

<!DOCTYPE>
<html xmlns=”http://www.w3.org/1999/xhtml” > začiatok textu vo formáte XHTML
<head> začiatok hlavičky
<title> meno dokumentu </title>
<meta /> informácia pre vyhľadávače
<style> definície použitých štýlov </style>
</head> koniec hlavičky
<body> začiatok tela
Vlastný zobrazovaný text.
</body> koniec tela stránky
</html> koniec formátu html