Čo je atribút ID?

Atribút ID vyvoláva konkrétnu časť webovej stránky

kr7ysztof / Getty Images

PodľaW3C, atribút ID v HTML je jedinečný identifikátor prvku. Poskytuje spôsob, ako identifikovať oblasť webovej stránky pre štýly CSS, kotviace odkazy a ciele pre skripty.

Na čo sa používa atribút ID?

Atribút ID vykonáva niekoľko akcií pre webové stránky:

Výber šablóny štýlov: Toto je funkcia, na ktorú väčšina ľudí používa atribút ID. Keďže sú jedinečné, pri úprave štýlu pomocou vlastnosti ID upravíte iba jednu položku na svojej webovej stránke. Nevýhodou použitia ID na účely úpravy štýlu je, že má veľmi vysokú úroveň špecifickosti, čo môže spôsobiť, že bude veľmi náročné, ak neskôr v šablóne so štýlmi potrebujete z nejakého dôvodu prepísať štýl. Z tohto dôvodu sa súčasné webové postupy prikláňajú k používaniu tried a selektorov tried namiesto ID a selektorov ID na účely všeobecného štýlu. Pomenované kotvy na prepojenie: webové prehliadače zacieľte na presné miesta vo svojich webových dokumentoch tak, že ukážete na ID na konci adresy URL. Pridajte ID na koniec adresy URL stránky, pred ktorým bude znak hash. Prepojte tieto kotvy so samotnou stránkou pridaním značky hash a názvu ID do súboru href atribút pre prvok. Napríklad pre divíziu s ID kontakt , odkaz naň na tejto stránke s #kontakt . Odkaz na skripty: Ak napíšete akékoľvek funkcie JavaScriptu, použite atribút ID, aby ste mohli vykonať zmeny v presnom prvku na stránke pomocou vašich skriptov. Iné spracovanie: ID podporuje spracovanie v rámci vašich webových dokumentov akýmkoľvek spôsobom, ktorý potrebujete. Môžete napríklad extrahovať HTML do databázy a použiť atribút ID na identifikáciu polí.

Pravidlá používania atribútu ID

Uistite sa, že atribúty vášho ID zodpovedajú týmto trom štandardom:

• ID musí začínať písmenom (a-z alebo A-Z).
• Všetky nasledujúce znaky môžu byť písmená, čísla (0-9), spojovníky (-), podčiarkovníky (_), dvojbodky (:) a bodky (.).
• Každé ID musí byť v rámci dokumentu jedinečné.

Použitie atribútu ID

Keď identifikujete jedinečný prvok svojej webovej stránky, použite štýly štýlovať práve tento jeden prvok.

Napríklad na identifikáciu ID s názvom kontakt , použite niektorý z týchto formulárov:

|_+_| |_+_|

Prvá vzorka sa zameriava na divíziu s atribútom ID kontakt . Druhý sa stále zameriava na prvok s ID kontakt , len by nebolo stanovené, že ide o divíziu. Konečný výsledok stylingu by bol úplne rovnaký.

Môžete tiež vytvoriť odkaz na konkrétny prvok bez pridania akýchkoľvek značiek.

Odkazujte na tento odsek vo svojich skriptoch pomocou getElementById JavaScript metóda:

|_+_|

Atribúty ID sú v HTML stále veľmi užitočné, aj keď selektory tried nahradili ich pre väčšinu všeobecných stylingových účelov. Použitie atribútu ID ako háku pre štýly a zároveň ich použitie ako kotvy pre odkazy alebo ciele pre skripty znamená, že dnes majú stále dôležité miesto vo webovom dizajne.