Obecné atributy

Existují atributy, které může mít každý HTML tag. Já je nazývám obecnými atributy a pro úsporu místa je uvádím najednou.

class

Třída elementu používaná pro CSS. Umožňuje jednoduché označení elementu, který má mít jiný vzhled. V zápisu stylu se jménu třídy předřazuje tečka.

Příklad:<style>
.cervene {color: red}
</style>
...
<p class="cervene">Odstavec červeným písmem</p>

id

Identifikátor, který by měl být jednoznačný. Používá se pro CSS a skripty. V zápisu CSS se jménu identifikátoru předřazuje křížek #.

Příklad:<style>
#mrnavej {font-size: 5px}
</style>
...
<p id="mrnavej">Odstavec děsně mrňavým písmem.</p>

style

Zápis stylu v jazyce CSS.

Příklad:<p style="line-height: 200%">Odstavec s dvojitou výškou řádku</p>

title

Titulek elementu, doplňková informace. V dnešních prohlížečích se zobrazuje ve žluté bublině při přejíždění elementu myší (to dříve šlo jenom atributem alt u obrázků). Hezké zvláště u odkazů.

<a href="http://www.jakpsatweb.cz/" title="o tvorbě, údržbě a zlepšování internetových stránek">Jak psát web</a>

Je-li třeba v title zalomit řádek, dělá se to entitou &#10;.

lang

Jazyk elementu. V současnosti nepříliš užitečná věc. V budoucnu se s ní počítá pro lepší zobrazování dokumentu v národním prostředí. Standardní hodnotou pro češtinu je "cs" (nikoli cz), pro slovenčinu "sk". Angličtina má verze, např "en-us" pro americkou nebo "en-uk" pro britskou.

V současnosti má atribut lang význam například pro wysiwyg editor FrontPage, který podle něj vybírá slovník pro kontrolu pravopisu.

Pomocí lang se dá i nepříliš spolehlivě odlišovat podpora CSS v Mozille a Opeře.

name

Jméno. Není to až tak obecný atribut, dá se užitečně použít pouze u některých tagů, zejména formulářových. Vždy má ale tentýž účel: jednoznačně pojmenovat (identifikovat) element pro spolupráci prvků. V dynamickém HTML jeho funkci převzal atribut id.

accesskey

Funkční klávesa. Tento atribut dovoluje ke každému elementu přiřadit klávesu, po jejímž stisknutí (na Windowsech navíc s Altem) se bude element aktivovat. Dá se použít pouze u elementů, které mohou být aktivovány, to znamená u odkazů a prvků formuláře.

Příklad odkazu s funkční klávesou: <a href="www.alt-f4.cz" accesskey="w">Máte rádi <b>W</b>indows?</a>

Další informace o accesskey.

tabindex

Pořadí prvku pro funkci tabelátoru. V prohlížečích tabulátor slouží pro přecházení po aktivních prvcích (odkazy a prvky formuláře). Atribut tabindex dovoluje pozměnit výchozí pořadí prvků, takže se mohou aktivovat v jiném pořadí, než jak jsou uvedeny v HTML kódu. Hodnotou atributu tabindex je přirozené číslo. Nastaví-li se něčemu nula, pak tento objekt nelze tabulátorem aktivovat.

language

Jazyk skriptu. Používá se velmi zřídka, většinou se totiž skriptuje v JavaScriptu a ten není potřeba takto nastavovat. Ale programátoři v VBScriptu potřebují atribut language pro zápis in-line skriptů. Pozor, nepleťte si atribut language s atributem lang (jazyk dokumentu).

dir

Směr textu. Hodnoty jsou dir="ltr" a dir="rtl". Rtl je zprava doleva (right to left), hodí se pro hebrejštinu, arabštinu a jiné jazyky psané zprava doleva. Je částečně podporován i pro jiné jazyky, ale nemám s ním dobré zkušenosti, chová se zmateně.

Moderní prohlížeče (Mozilla, IE6) už atribut dir podporují. Dá se pomocí něj dokonce přesunout rolovací lišta na levou stranu okna, ale jsou to všechno jenom takové nedůležité hrátky, v českém prostřední nepoužitelné.

události

V dynamickém HTML se do každého tagu může přidat atribut události, který zařídí spuštění nějakého skriptu. Událostí je asi dvacet, klasickým příkladem je onmouseover -- přejetí prvku myší nebo onclick -- kliknutí na element. Výpis všech možných událostí už nepatří do HTML, ale do popisu skriptovacích jazyků. V angličtině se událostem říká "events".

Příklad: <p onclick="alert('Trefa')">Klikatelný odstavec</p>

Předchozí: Nejdůležitější tagy

Další: Struktura dokumentu

Vizte též

• CSS - Kaskádové styly,
• Dynamické HTML,
• Javascript
• CSS prakticky, použití CSS v html stránkách
• Detaily HTML formulářů, zdokonalení vzhledu