Jak na XHTML
Co to je XHTML? Je to jazyk, ve kterém se vytváří webové stránky. Zkratka znamená eXtensible HyperText Markup Language,
česky hypertextový značkovací jazyk. Vychází z běžného jazyka HTML,
zkvalitňuje jej tak, aby splňoval mezinárodně uznávané konvence.
Používá tzv. "tagy", což jsou speciální značky, které určují význam textu v celém dokumentu.
Tagy se zapisují do ostrých závorek.
Od jazyka HTML se pro běžného uživatele liší především svojí větší přísností na dodržování některých pravidel.
Úloha HTML se již trochu přežila a skončila na verzi HTML 4.01. To ale neznamená, že se jedná o dokument zastaralý.
Naprostá většina webových stránek je napsána právě v kódu HTML a existuje samozřejmě validátor, který správnost kódu ověřuje.
Základní struktura XHTML dokumentu
1. Struktura dokumentu
Dokument, který vidíme na webu se skládá z: deklarace XML, informací, které jsou především pro internetový prohlížeč a vlastního obsahu.
2. Deklarace XML
Zde se uvádí verze XML, informace o použitém kódování a specifikace !DOCTYPE, která říká, v jakém jazyce byl dokument vytvořen.
3. Stavba dokumentu
Část dokumentu bez deklarace je vložena do elementu html. Skládá se ze dvou oddílů:
3.1 Metainformace
Informace které se uvádí v hlavičce dokumentu a jsou vloženy do elementu head.
Obsah dokumentu
Obsah se vkládá do elementu body. Tato část vytváří vlastní strukturu dokumentu.
Můžeme říct, že údaje, uvedené v obsahu, uvidí návštěvník stránek ve dvou pohledech:
A) struktura dokumentu - sloupce, odstavce, apod.
B) vlastní obsah stránek - informace pro návštěvníka.
<?xml version="1.0" encoding="windows-1250"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="cs" lang="cs">
<head>
<title>Jak dělat dobrý web aneb Chytrák Tim</title>
<meta http-equiv="content-type" content="text/html;
charset=windows-1250" />
<meta http-equiv="Content-language" content="cs" />
<meta name="description" content="autor webu" />
<meta name="keywords" content="web, stránka,
stránky, školení, kurz " />
</head>
<body>
<p>Vlastní obsah dokumentu</p>
</body>
</html>
Důležité vlastnosti XHTML
1. DTD (Dokument Type Definition)
XHTML 1.0, který se učíme, používá tři typy DTD:
A. Strict - nejpřísnější forma
B. Transitional - přechodná forma mezi HTML a XHTML
C. Frameset - norma pro stránky s rámci
2. Správně vnořené elementy
Všechny elementy musí být vzájemně správně vnořeny, nesmí se křížit. Musí být zřejmé, které elementy jsou vnitřní a které vnější.
3. Koncové značky
V XHTML v podstatě neexistují nepárové tagy. Všechny elementy jsou ukončeny koncovou značkou.
4. Prázdné značky
I tagy v HTML nepárové musí být ukončeny. Nejběžnější tagy: br, hr, meta, img. Ukončují se mezerou a lomítkem.
5. Malé písmo
Veškeré značky jsou zapsány malým písmem. Je důležité neplést si tagy a obsah stránek. Ve vlastním textu samozřejmě používáme velká písmena běžně.
6. Povinné uvozovky
Hodnoty atributů musí být v uvozovkách. Atribut si musíme představit jako hodnotu, jejíž vlastnost je definována vlastností značky. Příklad: vlastnost "align" se dá přeložit jako "zarovnání" a "center" znamená "na střed". Je asi jasné, že místo "center" by zde mohlo být "left" nebo "right". To je právě ta hodnota, která musí být v uvozovkách.
Jsou to nejzákladnější vlastnosti XHTML dokumentu, které se objevují v každé stavbě webu. Výčet není celý, další změny vzhledem k HTML najdete v publikacích uvedených v odkazu Doporučení.