---

Prvky fráze: Rekapitulace

Naposledy si vše jednoduše zrekapitulujeme a především si ukážeme CSS pravidla, která někdy pomůžou (ne)schopným prohlížečům se zobrazením všech uvedených prvků.

Rekapitulace do kapsy

<strong>

Značí větší důraz a dává stránce strukturu. Text uvnitř párového tagu se většinou zobrazí tučným písmem. Své místo má i v SEO, kdy mu vyhledávací roboti přidělují větší důležitost něž normálnímu textu. Pokud však chcete pouze dosáhout vizuálního tučného písma a neznačit důraz, použijte radši CSS.

<em>

Značí důraz a dává stránce strukturu. Text uvnitř párového tagu se většinou zobrazí kurzívou. Své místo má i v SEO, kdy mu vyhledávací roboti přidělují větší důležitost něž normálnímu textu. Pokud však chcete pouze dosáhout vizuální kurzívy a neznačit důraz, použijte radši CSS.

<cite>

Používá se k odkazu na citaci zdroje - autora nebo publikace.

<abbr>

Zaručí zobrazení bublinové nápovědy při přejetí myši nad nějakým zkráceným tvarem (např. W3C). Používá se pouze pro zkrácené tvary, které hláskujeme (např. WWW, XHTML). Atribut pro zápis významu zkráceného tvaru je title . Upozorňuji že některé verze IE/Win nepodporují tento prvek, což by však nemělo vést k nahrazení tohoto prvku prvkem <acronym> .

<acronym>

Zaručí zobrazení bublinové nápovědy při přejetí myši nad nějakým akronymem (např. radar). Používá se pouze pro slova nebo zkratky, které nehláskujeme (např. NATO, Flash). Atribut pro zápis významu akronymu je title .

<code>

Používá se k demonstraci příkladů kódu na stránkách (X)HTML. Například pokud bychom chtěli vypsat zdrojový kód nějakého skriptu, CSS pravidla atd. Text prohlížeč většinou zobrazí neproporcionálním písmem.

<samp>

Používá se k vyobrazení ukázkového výstupu programu nebo skriptu. Dalo by se říct že cituje výstup programu.

<var>

Používá se k označení parametru nebo proměnné programu.

<kbd>

Používá se k označení textu, který má vložit uživatel.

A co struktura?

Všechny prvky fráze dávají stránce strukturu, takže software (prohlížeč, čtečka obrazovky, mobilní telefon...) ví s jakým typem dat pracuje a pokud je to v jeho silách, bude s těmito prvky zacházet podle svých možností a nastavení. Například když použijeme prvek <strong> , vizuální zařízení text uzavřený uvnitř tohoto párového tagu většinou zobrazí tučným písmem, čtečky obrazovky například zvýši hlasitost, vyhledávací roboti mu přidělí větší důležitost. Prostě máme větší šanci že naše stránky software pochopí, a o to nám přeci jde.

CSS jako pomoc pro software

A než se úplně rozloučíme s prvky fráze, mám zde pro vás souhrn všech CSS pravidel, která můžete pro všechny tyto prvky používat na svých stránkách. Hlavně zdůrazňuji, že některý software s nějakými prvky neumí pracovat, a tak se hodí trochu mu pomáhat určitými pravidly, jako je třeba pravidlo speak: spell-out u prvku <abbr> .

strong {
font-weight: bold;
}
em, cite, var {
font-style: italic;
}
abbr, acronym {
border-bottom: 1px dotted;
cursor: help;
}
abbr {
speak: spell-out;
}
acronym {
speak: normal;
}
code, samp, kbd {
font-family: Courier, monospace;
}


Toto CSS je to nejjednodušší jak můžete softwaru pomoci při práci s prvky, které jsem se snažil zde popsat. Už je lehké do tohoto kódu dopsat pár řádků (případně ho trochu změnit) pro dosažení pěkného vzhledu. To už je však na vás a já mám pro dnešek dost... ufff.

13.7.2005