Struktura XHTML dokumentu

Nejjednodušší validní (a bez problémů fungující) XHTML dokument může vypadat třeba takto:

<?xml version="1.0" encoding="UTF-8"?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="cs" lang="cs">

 <head>
  <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
  <meta http-equiv="content-language" content="cs" />
  <title>MojeWebovky|příklad 1: XHTML stránka</title>
 </head>

 <body>
  <p>Plnohodnotný XHTML dokument</p>
 </body>
	
</html>

Jen pro úplnost, jak se stránka zobrazí v prohlížeči.

Vysvětlení částí kódu:

<?xml version="1.0" encoding="UTF-8"?>

XML deklarace. Řádek obsahuje informaci o verzi XHTML a kódování dokumentu. Pokud je dokument v kódování UTF-8 nebo UTF-16, může se tento řádek vynechat, ale vždy je lepší ho tam mít.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

Doctype, neboli Definice Typu Dokumentu (Document Type Definition - DTD). Udává verzi použitého XHTML. O jednotlivých verzích jsem se zmiňoval v kapitole o historii XHTML. Zápisy doctype pro jednotlivé verze jsou:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
-pro striktní XHTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-pro přechodové XHTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
-pro XHTML s podporou rámů

DTD udává verzi použitého XHTML, aby prohlížeč věděl, jak má k dokumentu přistupovat.

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="cs" lang="cs"> </html>

Párový tag, musí povonně obsahovat entity <head> a <body>. V obou atributech se udává jazyk používaný v dokumentu. Správně je podle specifikace xml:lang . Atribut lang je zde pouze kvůli zpětné kompatibilitě se staršími prohlížeči.

<head> </head>

Je také párový a musí povinně obsahovat element <title>. Jinak tento element obsahuje metadata – tedy informace o dokumentu.

<meta http-equiv="content-type" content="text/html; charset=UTF-8" /> <meta http-equiv="content-language" content="cs" />

Jsou elementy obsahující metadata. O nich je zde celá kapitola.

<title> </title>

Tento element obsahuje titulek stránky a je povinný. Například:

<title> Název mojí stránky </title>

Zobrazí titulek stránky:

titulek stránky

<body> </body>

Značí samotné tělo dokumentu (tedy veškerý obsah, který se uživateli zobrazí – texty, obrázky…).

<p> </p>

Jen pro úplnost - element obsahující odstavec.

Následující >

O webu

Slovníček pojmů

Odkazy

Verze pro tisk (pdf)