Příklad HTML atributů
Následující kousek HTML kódu vkládá do stránky obrázek:
<img src="logo.gif" width="40" height="60" alt="Logo" class="img">
Vidíme zde celkem pět atributů. Atribut src určuje obrázek a cestu k němu, width a height určují jeho rozměry, atribut alt nese alternativní textový popisek a konečně atribut class přiřazuje obrázku třídu, přes kterou se mu připojují příslušné kaskádové styly.
E-book za mail
Získejte podrobný návod Jak na e-mail marketing (52 stran). Více informací.
Žádný spam, jen užitečný obsah. Newsletter posílám cca 8× ročně. Odhlásíte se kdykoliv.
Druhy HTML atributů
-
Povinné atributy
Atribut doplňuje podstatnou informaci, bez níž nebude HTML element fungovat. Například element
formmá jako povinný atributaction, který specifikuje, kam se má formulář odeslat (třeba po kliknutí na tlačítko). -
Volitelné atributy
Pokud potřebujeme, můžeme je u elementu použít, ale být tam nemusí. Například parametr
startu elementuolříká, jakým číslem tento číslovaný seznam začíná. Pokud ho neuvedem, začne se od jedničky. -
Globální atributy
Parametry, které lze použít u většiny HTML elementů, jako je například
id(unikátní identifikátor HTML elementu na stránce),class(třída HTML elementu, například pro přiřazení externích kaskádových stylů),style(pro zápis kaskádových stylů přímo k elementu),title(titulek elementu, který se v bublině zobrazí po najetí myší nad element) apod. -
Atributy událostí
Navěšují na daný element nějakou JavaScriptovou událost. Například atribut
onlickspecifikuje, co se má stát po kliknutí myší na daný element. V angličtině se jim také říká event handlers. Zavedlo je HTML verze 4. -
Data atributy
Atributy ve tvarvu
data-nazevumožňují uložit k HTML elementu nějaká data, která se pak obvykle čtou pomocí JavaScriptu. Atribut vždy začíná nadata-a dále může pokračovat jakkoliv. Data atributy byly zavedeny v HTML5. -
Atributy pro mikrodata
Mikrodata jsou informace čitelné pro roboty vyhledávačů a další stroje, které podle specifikace mikrodat k HTML elementům doplnil tvůrce stránky. Umožňují tak například v textu rozpozant jméno, adresu či povolání osoby, o které text píše.