Jedinečné identifikátory v rámci webových stránek
Podle atributu W3C je atribut ID v jazyce HTML:
jedinečný identifikátor prvku
Jedná se o velmi jednoduchý popis velmi silného atributu. Atribut ID může provést několik akcí pro webové stránky:
- Volič stylů - to je funkce, kterou většina lidí používá atribut ID pro. Vzhledem k tomu, že jsou jedinečné, můžete si být jisti, že budete stylovat pouze jednu položku na své webové stránce, když stylujete pomocí vlastnosti ID. Nevýhodou použití ID pro účely stylingu je to, že má velmi vysokou úroveň specifičnosti, což může být velmi náročné, pokud potřebujete přepsat styl z nějakého důvodu později ve stylu. Kvůli tomu se stávající postupy na webu zaměřují na použití tříd a tříd namísto identifikátorů ID a selektorů ID pro obecné účely stylingu.
- Pojmenované kotvy pro propojení s - Webové prohlížeče umožňují zaměřit přesná místa ve vašich webových dokumentech tak, že na konec adresy URL zobrazíte ID. Jednoduše přidáte id na konec adresy URL, před kterým je znak libry (#). K těmto kotevům můžete také propojit vlastní stránku přidáním znaku libry (#) a názvu ID v atributu href prvku a. Například pokud máte divizi s identifikátorem kontaktu, můžete k němu na toto stránce odkazovat takto:
Toto je text odkazu - Odkaz na skripty - Pokud píšete nějaké funkce jazyka Javascript, budete chtít použít atribut ID, abyste mohli pomocí skriptů provést změny přesného prvku na stránce.
- Další zpracování - id vám umožňuje zpracovávat webové dokumenty jakýmkoli způsobem. Můžete například extrahovat HTML do databáze a atribut ID identifikuje pole.
Pravidla pro použití atributu ID
Existuje několik pravidel, která musíte dodržovat, abyste měli platný dokument, který používá atribut id kdekoli v dokumentu:
- ID musí začínat písmenem (az nebo AZ)
- Všechny následující znaky mohou být písmena, čísla (0-9), pomlčky (-), podtržítka (_), dvojtečky (:) a období (.).
- Každé ID musí být v dokumentu jedinečné. Proč?
Použití atributu ID
Jakmile zjistíte jedinečný prvek vašeho webu, můžete použít stylové listy ke stylování pouze jednoho prvku.
Kontaktujte nás
Zde je nějaký textový obsah
div # kontakt-sekce {pozadí: # 0cf;}
-nebo prostě-
# contact-section {pozadí: # 0cf;}
Buď jeden z těchto dvou selektorů by fungoval. První (div # kontakt-sekce) by se zaměřila na divizi s atributem ID "kontakt-sekce". Druhá (# kontakt-sekce) by se stále zaměřovala na prvek s ID "kontakt-sekce", prostě by nevěděla, že to, co hledá, je rozdělení. Konečný výsledek stylu by byl přesně stejný.
Můžete také propojit tento konkrétní prvek bez přidání tagů:
Odkaz na kontaktní informace
Odkazujte tento odstavec ve skriptech metodou JavaScript "getElementById":
document.getElementById ("kontakt-sekce")
ID atributy jsou stále velmi užitečné v HTML, přestože je výběr tříd nahrazuje pro většinu obecných stylingových účelů. Schopnost používat atribut ID jako hák pro styly a současně je využívat jako kotvy pro odkazy nebo cíle pro skripty znamená, že stále mají v designu webu důležité místo.
Upravil Jeremy Girard