Jedinečné identifikátory v rámci webových stránok
Podľa atribútu W3C je atribút ID v jazyku HTML:
jedinečný identifikátor prvku
Je to veľmi jednoduchý popis veľmi silného atribútu. Atribút ID môže vykonávať niekoľko akcií pre webové stránky:
- Volič štýlov - Táto funkcia väčšina ľudí používa atribút ID pre. Vzhľadom na to, že sú jedinečné, môžete si byť istí, že budete stylovať len jednu položku na vašej webovej stránke, keď štýl používate vlastnosť ID. Nevýhodou pri používaní ID na účely stylingu je to, že má veľmi vysokú úroveň špecifickosti, čo môže byť veľmi náročné, ak potrebujete zmeniť nejaký štýl z nejakého dôvodu neskôr v štýle šablón. Z tohto dôvodu sa aktuálne postupy na webe zameriavajú na používanie tried a výberov tried namiesto identifikátorov ID a identifikátorov ID pre všeobecné účely štýlu.
- Pomenované kotvy na prepojenie s webovými prehliadačmi umožňujú zacieliť na presné miesta vo vašich webových dokumentoch nasmerovaním na ID na konci adresy URL. Jednoducho pridajte id na koniec stránky URL, pred ktorým je znak libra (#). Môžete tiež prepojiť tieto kotvy so samotnou stránkou pridaním znaku libra (#) a názvu ID v atribúte href prvku a. Napríklad, ak máte divíziu s kontaktným ID , môžete naň odkazovať na túto stránku:
Toto je text odkazu - Odkaz na skripty - Ak napíšete nejaké funkcie jazyka Javascript, budete chcieť použiť atribút ID, aby ste mohli vykonať zmeny v presnom prvku na stránke pomocou skriptov.
- Iné spracovanie - id vám umožňuje spracovať vaše webové dokumenty akýmkoľvek spôsobom, ako potrebujete. Napríklad môžete HTML extrahovať do databázy a atribút ID identifikuje polia.
Pravidlá používania atribútu ID
Existuje niekoľko pravidiel, ktoré musíte dodržiavať, aby ste mali platný dokument, ktorý používa atribút id kdekoľvek v dokumente:
- ID musí začínať písmenom (az alebo AZ)
- Všetky nasledujúce znaky môžu byť písmená, čísla (0-9), pomlčky (-), znaky podčiarknutia (_), dvojbodky (:) a obdobia (.).
- Každý identifikátor musí byť v dokumente jedinečný. Prečo?
Použitie atribútu ID
Akonáhle ste identifikovali jedinečný prvok vášho webového servera, môžete použiť štýly na štýl, aby ste stvárnili iba jeden prvok.
Kontaktuj nás
Tu je nejaký textový obsah
div # kontakt-sekcia {background: # 0cf;}
-nebo len-
# contact-section {background: # 0cf;}
Buď jeden z týchto dvoch selektorov bude fungovať. Prvý z nich (div # contact-section) by smeroval na divíziu s ID atribútom "contact-section". Druhá (# kontaktná sekcia) by sa stále zameriavala na prvok s ID "kontaktnej časti", jednoducho by nevedel, že to, čo hľadá, je rozdelenie. Konečný výsledok štýlu by bol úplne rovnaký.
Môžete tiež prepojiť tento konkrétny prvok bez pridania značiek:
Odkaz na kontaktné informácie
Označte odsek v skriptoch pomocou metódy JavaScript "getElementById":
document.getElementById ( "contact rez")
ID atribúty sú stále veľmi užitočné v jazyku HTML, hoci ich triedy selektory nahradili pre najbežnejšie účely štýlu. Schopnosť používať atribút ID ako háčik pre štýly, a zároveň ich používať ako kotvy pre odkazy alebo ciele pre skripty, znamená, že stále majú dôležité miesto v dizajne webu.
Upravil Jeremy Girard