---

Kdy používat <abbr> a <acronym>

V tomto dalším článku o prvcích fráze si ukážeme, co dovedou prvky <abbr> a <acronym>, a kdy by se měli používat. Povíme si také něco o jejich kompatibilitě vůči IE pro windows.

Prvek <abbr>

Prvek <abbr> pochází ze slova abbreviations neboli zkratky. Použitím této značky můžete zlepšit přístupnost webových stránek. Jak, si vysvětlíme ihned.

Charakteristika W3C:

<abbr> označuje zkrácený tvar (např. WWW, HTTP, URI, Mass)

Tento prvek spolu s vhodným atributem title pomůže uživatelům, kteří termín neznají, tak že se při přejetí myší nad textem zobrazí bublina s textem obsaženým v atributu title . Níže se však dočtete, že to nefunguje ve všech prohlížečích (některé verze IE Win). Kdybychom tímto způsobem například chtěli popsat značku W3C, použijeme značku <abbr> takto:

<abbr title="World Wide Web Consorcium">W3C</abbr>

Výsledek: W3C (pokud se vám nic nezobrazí, nezoufejte a čtěte dál)

Existuje také pravidlo, které bychom mohli přidat k sluchovému seznamu stylů za účelem dalšího posílení těchto výrazů:

abbr {
speak: spell-out;
}

Asi jste si všimli, že všechny uvedené příklady (WWW, HTTP...) pro tento prvek čtete po písmenech (hláskujete), a ne dohromady. To je velice důležité. Pro slova jako radar , která se nečtou po písmenech (nehláskují) se používá jiný prvek <acronym> , o kterém si povíme za chvíli. Mimochodem CSS pravidlo speak: spell-out znamená pro syntezátory hlasu, aby text hláskovali.

Pro prohlížeče, které automaticky tečkovanou čáru nepřidávají, můžete snadno vytvořit pravidla pro CSS, která tento problém napraví.

abbr {
border-bottom: 1px dotted;
cursor: help;
}

Kompatibilita

Je důležité podotknout, že v době, kdy jsem tento článek napsal nepodporoval Internet Explorer (verze pro Windows) u prvku <abbr> styly ani bublinovou nápovědu (prostě nefungoval). A tak někteří lidé prvek <abbr> vystřídali za prvek <acronym> , který slouží pouze pro slova, která se nečtou po písmenech (jako již zmiňovaný radar).

Asi si říkáte proč ne, hlavně že to bude fungovat, ale použití nevhodného prvku kvůli vzhledu se mi javí jako nedobrá cesta. Dal bych přednost správnému vybírání prvku a nechal bych na prohlížečích, jak si s tím sami poradí.

Prvek <acronym>

Tento prvek se chová naprosto stejně, jako předchozí <abbr> . Jediný rozdíl je v tom, že se prvek <acronym> používá pro slova, která se nehláskují (jako třeba radar, NATO).

<acronym title="North Atlantic Treaty Organization">NATO</acronym>

Výsledek: NATO

Stejně jako u předchozího příkladu, můžeme přidat pravidlo k sluchovému seznamu stylů:

acronym {
speak: normal;
}

Pro prohlížeče, které automaticky tečkovanou čáru nepřidávají, můžete snadno vytvořit pravidla pro CSS, která tento problém napraví.

acronym {
border-bottom: 1px dotted;
cursor: help;
}

Shrnutí

Prvek <abbr>

Používá se v tom případě, když máte na stránkách zkratku, kterou nemusí každý znát, a tak chcete aby se zobrazila bublinová nápověda s jejím významem. Používá se pouze pro zkratky, které se hláskují (např. WWW, URI...)

Prvek <acronym>

Používá se v tom případě, když máte na stránkách zkratku (NATO) nebo výraz, který nemusí každý znát, a tak chcete aby se zobrazila bublinová nápověda s významem daného slova nebo zkratky. Používá se pouze pro slova nebo zkratky, které se nehláskují (např. NATO, radar...)

8.7.2005