id (z anglického "identifier" - ID) je jedinečný identifikátor, který se používá k identifikaci prvku na webové stránce.
Každý prvek na webové stránce může mít své jedinečné id. Chcete-li vytvořit ID, musíte použít atribut id ve štítku prvku a zadat v něm jedinečnou hodnotu. Identifikátory se obvykle vybírají tak, aby byly jedinečné pro každý prvek na stránce.
Pomocí id lze k prvku přistupovat prostřednictvím JavaScriptu nebo CSS, měnit jeho styly nebo přidávat různé události a akce. To umožňuje definovat a pracovat s konkrétními prvky na stránce, na rozdíl od oslovování prostřednictvím tříd nebo značek.
Pokud máte například na webové stránce Tlačítko s identifikátorem "myButton", můžete jej kontaktovat prostřednictvím JavaScriptu a přidat mu další funkce nebo změnit jeho vzhled. Můžete také použít identifikátory ke stylizaci prvků prostřednictvím CSS a specifikovat vlastnosti pouze pro konkrétní prvek.
Je důležité si uvědomit, že id musí být jedinečné na celé webové stránce. Nelze přiřadit více prvkům stejné ID, protože to může vést k nesprávnému fungování skriptů a stylů na stránce.
Definice a hodnota id v HTML
Id se používá pro různé účely v HTML. Lze jej použít k zadání stylů prvku pomocí CSS nebo k určení chování prvku pomocí JavaScriptu. Id lze také použít k vytváření odkazů, které uživatele přenesou na konkrétní položku na stránce.
Syntaxe definice id je velmi jednoduchá-musíte přidat atribut id do úvodní značky položky a zadat jedinečnou hodnotu pro tento atribut. Hodnota se může skládat z písmen, číslic, podtržítka a pomlčky, ale musí začínat písmenem. Také nesmí obsahovat mezery nebo speciální znaky.
Příklad použití id:
Ve výše uvedeném příkladu máme tři prvky s jedinečnými id – my-element, my-div a my-anchor. K těmto prvkům můžeme přistupovat pomocí CSS nebo JavaScriptu a vytvářet odkazy, které uživatele přenesou na požadovanou položku na stránce.
Rozdíly mezi id a třídou
Hlavní rozdíl mezi id a třídou je v tom, že id může být jedinečným identifikátorem pouze pro jednu položku na stránce, zatímco třída může být přiřazena mnoha prvkům.
Použití id má výhody tam, kde je vyžadována jedinečná identifikace položky, například pro odkazy v nabídce, kde každý odkaz musí mít jedinečné ID.
Na druhou stranu třídy poskytují možnost aplikovat společné styly na více prvků, což usnadňuje stylizaci skupin prvků se společnými vlastnostmi.
Jednou z funkcí id je, že jej lze použít v CSS nečistotách nebo JavaScript skriptech k získání přístupu k prvku prostřednictvím jeho jedinečného identifikátoru.
Třídy mohou být naopak použity ke stylizaci skupin prvků nebo k definování stylů pro položky s určitými třídami prostřednictvím CSS.
Příklad vytvoření id v HTML
V HTML se atribut id používá k vytvoření jedinečného ID prvku. Tento identifikátor lze použít k navázání spojení s jinými prvky nebo k aplikaci stylů pomocí CSS.
Příklad vytvoření id v HTML:
- Vytvořte prvek, pro který chcete vytvořit jedinečný identifikátor.
- Přidejte k této položce atribut id.
- Do hodnoty atributu id zadejte jedinečný název pro ID.
V uvedeném příkladu je vytvořen prvek " div "s identifikátorem"myId". Tento identifikátor lze použít k práci s prvkem pomocí JavaScriptu nebo k aplikaci stylů pomocí CSS.
Je důležité si uvědomit, že identifikátor musí být jedinečný v rámci dokumentu. To znamená, že nelze vytvořit dva prvky se stejným identifikátorem v jednom dokumentu HTML. To může vést k nepředvídatelným výsledkům při práci s prvky pomocí JavaScriptu nebo CSS.