1. uvodem
- je to vlastne jazyk XML, ktery pracuje jako HTML
- funguje u novejsich i starsich prohlizecu, Palmy, telefony, ctecky obrazovky...
- nahrazuje HTML v.4
2) volba verze XHTML
a)XHTML 1.0 Transitional
- uzivatelsky nejprivetivejsi
- nejkompatibilnejsi s vyvojarskymi metodami
- nejsnadnejsi na uceni nebo prechod z HTML
- motto : "ľít a nechat ľít"
b) XHTML 1.1 Strict
- je mene kompatibilni se starsimi aplikacemi
- striktne pouziva typ MIME
- prestavba je mnohem slozitejsi a narocnejsi nez do Transitional
c) XHTML 2.0
- minimalne vyuziva nynejsich znalosti HTML
- vzdaluje se od soucasnych vyvojarskych metod
- nebude zpetne kompatibilni se standardem HTML nebo XHTML 1.0
- napr. IMG nahradi OBJECT, BR nahradi LINE...
d) XHTML 1 FrameSet
- jediná definice, která umoľnuje pouľití rámců (styl 90.let)
3) Duvody pouziti XHTML
- nahrazuje standard HTML 4
- umoznuje spolupracovat s daląími značkovacími jazyky, aplikacemi a protokoly standardu XML (toto HTML neumí)
- je více konzistentní neľ HTML (menąí problémy se zobrazováním na různých prohlíľečích)
- snaľąí přechod na XHTML 2.0 neľ z HTML
- starąí prohlíľeče si s XHTML rozumí stejně dobře jako s HTML
- nové prohlíľeče silně podporují právě XHTML
- pracuje i na bezdrátových zařízeních, čtečkách obrazovky, daląích speciálních zařízeních bez nutnosti vytvářet speciální značkování (jediný dokument tak můľe plnit vąechny úlohy : tiskové sestavy, WAP, textové výstupy, XML...)
- multiplatformní
- zbavuje kód zlozvyků ve značkování
- spojuje zobrazování na starých Netscapech i Internet Exploreru
- lepąí kontrola různých validátorů stránek
4) Duvody proc nepouzivat XHTML
- jsem placeny od hodiny
- chci vytvářet několik verzí webových stránek
5) Záhlaví XHTML
- XML prolog (není povinný ale doporučuje se)
- problém vąak má s některýma prohlíľečema (např. IE verze 6)
- jsou
- li problémy se zobrazením tak lze pouľít klasický meta tag
- equiv='Content
- Type' content='text/html'; charset='ISO
- 8859
- 2' />
- vľdy musí začínat deklarací DOCTYPE
- pokud nepouľívám XML prolog (obsahuje informaci pro validační sluľby, moderní prohlíľeče...)
- vloľit před tagy i
př.
- následuje XHTML deklarace namespace
- dokument je napsán v angličtině, v angličtině je také pouľitá verze jazyka XML
6) Pravidla pouľití
- existují nástroje na kontrolu :
HTML TIDYvalidator.w3.org
- a) začít platnou deklarací v dokumentu, pro kódování vľdy uvádět META Content
- b) vąechny prvky a názvy tagů psát malými písmeny
- c) hodnoty mohou být i velkými písmeny a uvádět je do uvozovek nebo apostrofů
- d) vąechny atributy vyľadují hodnoty
<td nowrap="nowrap"></td>
<hr noshade='noshade' />
<input type='checkbox' name='pole' value='1' checked='checked' />
- vąechny tagy uzavírat, včetně prázdných
- u konečného lomítka vľdy nechat prázdnou mezeru (kvůli prohlíľečům, které nebyly vyvinuty pro XHTML)
<img src='obr.jpg' />
- e) v textu komentáře se nesmí vyskytovat dvojice pomlček (pouze na zacatku a na konci)
<!-- Toto je spravne -->
<!---------- toto je spatne ----->
- f) znaky < a & které nejsou součástí tagu se musí zakódovat
např. 1 < 4 -> 1 < 2
1 & 2 -> 1 & 2
7) Doporučení a zásady při tvorbě
- a) hiearchicky strukturovat obsah dokumentu
<h1>Nadpis1</h1>
<p>uvodni text</p>
<h2>Nadpis2</h2>
<p>popis</p>
- b) nepouľívat zastaralé HTML prvky
- c) pouľívat prvky podle jejich významu ne podle vzhledu
CSS pouľívat pro grafiku
XHTML pro strukturu dokumentu
oddělit grafiku od mechanismu (struktury)
- d) upřednostňovat prvky (jsou strukturální)
<strong></strong> před <b></b>
<em></em> před <i></i>
10) Tipy a triky
SPAN umoľnuje umis»ovat text za sebe
DIV umoľnuje umis»ovat text po blocích