---

Prvek <cite>

Po prvcích <strong> a <em> si ukážeme další prvek fráze, a to <cite>. Znovu si vysvětlíme kdy ho správně používat a jaké styly CSS bychom mu mohli přiřadit.

Prvek <cite> je velice zajímavý. Používá se k odkazu na citaci zdroje - autora nebo publikace. Hodně lidí k napsání názvu knihy používá <i> , ale my bychom spíše použili CSS. Tedy dříve, když jsme ještě nevěděli o prvku <cite> , s kterým nyní budeme pracovat. Některé z vás možná napadlo, že bychom také mohli použít prvek <em> , ale nám nejde o zdůraznění, ale pouze o oddělení od normálního textu. Přičemž bychom se měli snažit zůstat ve shodě s typografickými postupy, podle kterých se názvy často zobrazují kurzívou (běžně je také podrtržení, ale u nás by to mohlo vést k záměně s hypertextovým odkazem).

A jak W3C charakterizuje prvek <cite> :

<cite> obsahuje citaci nebo odkaz na jiné zdroje

To bychom měli a nyní si tedy uveďme nějaký příklad:

Kniha <cite> Zelenina na zahrádce </cite> se vydává od roku 1982.

Výsledek: Kniha Zelenina na zahrádce se vydává od roku 1982.

A nyní si klidně můžeme jednoduše pohrát s CSS a vytvořit nějaký pěkný vizuální efekt:

cite {
font-style: italic;
color: #777;
background-color: #e9e9e9;
}

Shrnutí

Prvek <cite> předává softwaru informaci o struktuře, a to že obsahuje citaci nebo odkaz na jiné zdroje. Software tedy ví o co se jedná a naloží s tím podle svých možností. Například čtečka obrazovky by upozornila posluchače, že se jedná o citaci nebo odkaz na jiné zdroje. A toho přece chceme dosáhnout, aby software pochopil naše stránky.

6.7.2005