XHTML 1.1

Textový modul: Popsání obsahu

Mnoho XHTML prvků existuje hlavně proto, aby popisovaly obsah stránky. Teď možná ještě nedokážeme ocenit všechny výhody takto popsaného dokumentu, ale věřte, že jsou veliké. Pro lepší pochopení problematiky lze jako příklad uvést nevidomé lidi. Ti pro prohlížení stránek používají zvukové překladače (ten jim text na stránce "přečte"). Určitě jim moc nepomůže, když důležitou informaci na stránce umístíme do prvku, který pouze formátuje text tak, aby se zobrazil tučně. Zato když text umístíme do prvku, který říká, že je daný text důležitý, bude to hlasový překladač schopen zpracovat a nevidomého člověka na to upozornit. CSS nám později umožní upravit vzhled daného prvku, takže všichni budou spokojeni.

Nadpisy

Používání předdefinovaných nadpisů přispívá k přehlednému členění dokumentu. Pomocí prvků nadpisů je jednoznačně určeno, o nadpis jaké úrovně (a tím pádem i důležitosti) se jedná.

Prvek <h#> </h#>

Z anglického heading neboli nadpis.
Tento prvek popisuje svůj obsah jako nadpis.
Místo křížku se doplní číslo od 1 do 6.
Úroveň nadpisu určuje dané číslo.
Může být vnořen přímo do prvku body.

Například vložení nadpisu první úrovně vypadá takto:

<h1> Nadpis úrovně 1 </h1>

V XHTML máme k dispozici nadpisy h1 (nadpis první úrovně - nejdůležitější, defaultně se v prohlížeči zobrazí jako největší a nejvýraznější) až h6 (nadpis šesté úrovně - nejméně důležitý, defaultně zobrazen jako nejmenší a nejméně výrazný). Každý nadpis je v prohlížeči zobrazen na novém řádku a má kolem sebe vynecháno místo.

Ukázka vložení nadpisů je uvedena v příkladu .

S nadpisy se dobře pracuje v jazyku CSS. V něm lze jednoduše přiřadit žádaný styl (velikost, typ písma, barvu, pozadí...) nadpisu té či oné úrovně a automaticky se tak změní vzhled u všech výskytů nadpisu dané úrovně v dokumentu (více v kapitole o CSS). No není to lepší než pokaždé znovu formátovat normální text tak, aby vypadal jako nadpis (tzn. u každého výskytu měnit velikost písma, barvu, tučnost ...)? Jednoduše je lepší nadpisy nejprve podle úrovní roztřídit a o jejich vzhledu se dá snadno rozhodnout až později.

Důraz

Následující prvky slouží ke zdůraznění svého obsahu:

Prvek <em> </em>

Z anglického emphasis neboli důraz.
Pro zdůraznění důležitých částí dokumentu.
Obvykle se zobrazí kurzívou.

Prvek <strong> </strong>

Z anglického strong neboli silný.
Ještě silnější důraz než u prvku em.
Obvykle se zobrazí tučně.

Ukázka vložení důležitého textu je uvedena v příkladu .

Předformátovaný text

S kódem HTML a XHTML je taková potíž, že ať text ve zdrojovém kódu jakkoliv zalamujeme a prokládáme mezerami, na stránce se zobrazí vždycky stejně (všechna ukončení a odsazení řádků, větší mezery i dělení na odstavce zmizí). Zde nám přichází na pomoc prvek pre.

Prvek <pre> </pre>

Z anglického preformated neboli předformátovaný.
Text uvnitř tohoto prvku se zobrazí přesně tak, jak ho napíšete ve zdrojovém kódu (se všemi mezerami a odsazeními).
V prohlížeči se zobrazí neproporcionálním písmem (všechny písmena o stejné rozteči - většinou se jedná o písmo Courier).
Může být vnořen přímo do prvku body.

Text umístěný do prvku předformátovaného textu si zachová zalomení řádků, mezery i odsazení. Lze použít především když na stránku chceme zkopírovat již upravený delší text.

Ukázka použití prvku předformátovaného textu je uvedena v příkladu .

Nevýhoda tohoto prvku je, že svůj obsah zobrazí neproporcionálním písmem. Písmo lze však lehce změnit pomocí CSS (viz kapitola o CSS).

Prvky popisující specifický obsah

Tyto prvky slouží pro popis obsahu textu, který uzavírají, přičemž se jedná o specifičtější popis než v případě nadpisů nebo zdůraznění. Např. prvky specifikují, zda jde o citaci, zkratku či proměnnou. To, v jaké podobě se na stránce nakonec zobrazí, opět záleží především na používaném prohlížeči.

Všechny následující prvky kromě prvků adresy a blokové citace nemohou stát přímo v prvku body, ale potřebují dalšího nadřazeného rodiče (např. prvek oddílu či odstavce).

Citace

Prvek <q> </q>

Z anglického quote - do češtiny se překládá též jako citovat, citace.
Obsah tohoto prvku je identifikován jako citace (ne odkaz na zdroj citace nýbrž obsah citace).
Obsah prvku se ve většině prohlížečů zobrazí v uvozovkách, ale například v prohlížeči Internet Explorer se tento text zobrazí bez uvozovek jako jakýkoliv jiný text.

Prvek <blockquote> </blockquote>

Z anglického block quote neboli bloková citace.
Obdoba quote, ale označuje rozsáhlejší citaci.
Prvek blokové citace může stát přímo v prvku body, ale jeho obsah musí být uzavřen do nějakého dalšího rodiče (např. do oddílu).
Obsah prvku se ve většině prohlížečů zobrazí s odsazením zprava i zleva.

Ukázka použití citací na stránce je uvedena v příkladu . Krátká citace se v náhledu prohlížeče Internet Explorer zobrazí jako normální text. Ve většině ostatních prohlížečů se kolem obsahu tohoto prvku vykreslí uvozovky. Náhled příkladu v prohlížeči Firefox je zobrazen na obrázku .

Aresa

Prvek <address> </address>

Z anglického address neboli adresa.
Identifikuje obsah prvku jako adresu.
Obsah prvku většina prohlížečů zobrazí kurzívou.
Smí stát přímo v prvku body.

Ukázka vložení adresy na stránku je uvedena v příkladu .

Další popisné prvky

Prvek <abbr> </abbr>

Z anglického abbreviation neboli zkratka.
Identifikuje obsah prvku jako zkratku.
Obsah tohoto prvku většinou není nijak formátován.

Prvek <dfn> </dfn>

Z anglického definition neboli definice.
Používá se pro definici nového výrazu (obsah prvku označuje jako definovaný termín).
Obsah prvku se obvykle zobrazí kurzívou.

Prvek <var> </var>

Z anglického variable neboli proměnná.
Identifikuje obsah prvku jako proměnnou.
Obsah prvku se obvykle zobrazí kurzívou.

Prvek <kbd> </kbd>

Z anglického keyboard neboli klávesnice.
Identifikuje text jako uživatelův vstup z klávesnice.
Obvykle se zobrazí neproporcionálním písmem, ale některé prohlížeče ho mohou zobrazit i tučně.

Prvek <code> </code>

Z anglického code neboli kód.
Identifikuje text jako část počítačového kódu.
Obvykle se zobrazí neproporcionálním písmem.

Prvek <samp> </samp>

Z anglického sample neboli vzorek.
Identifikuje svůj obsah jako vzorek výstupu - například výstup počítačového programu.
Nejčastěji bývá zobrazen neproporcionálním písmem.

Ukázka použití výše uvedených popisných prvků je uvedena v příkladu .