Glede na W3C, atribut ID v HTML je enolični identifikator za element. Omogoča način prepoznavanja področja spletne strani za sloge CSS, sidrne povezave in cilje za skripte.
Za kaj se uporablja atribut ID?
Atribut ID izvaja več dejanj za spletne strani:
- Izbirnik slogovnega lista: To je funkcija, za katero večina ljudi uporablja atribut ID. Ker so edinstveni, boste pri oblikovanju z lastnostjo ID oblikovali samo en element na svoji spletni strani. Slaba stran uporabe ID-ja za oblikovanje je, da ima zelo visoko stopnjo specifičnosti, zaradi česar je slog iz nekega razloga pozneje v a. lahko zelo zahteven tabela slogi. Zaradi tega se trenutne spletne prakse nagibajo k uporabi razredov in izbirnikov razredov namesto ID-jev in izbirnikov ID-jev za splošne namene oblikovanja.
- Imenovana sidra za povezovanje z: Spletni brskalniki ciljajte na natančna mesta v vaših spletnih dokumentih tako, da pokažete na ID na koncu URL-ja. ID dodajte na konec URL-ja strani, pred katerim je zgoščena oznaka. Povežite se s temi sidrišči s samo stranjo tako, da v datoteko dodate oznako zgoščevanja in ime ID href atribut za element. Na primer za oddelek z ID-jem stik, povezava do njega na tej strani z #contact.
- Referenca za skripte: Če pišete katero koli funkcijo Javascript, uporabite atribut ID, tako da lahko s svojimi skripti spremenite natančen element na strani.
- Druga predelava: ID podpira obdelavo vaših spletnih dokumentov na kakršen koli način, ki ga potrebujete. HTML lahko na primer izvlečete v bazo podatkov in za identifikacijo polj uporabite atribut ID.
Pravila za uporabo atributa ID
Poskrbite, da bodo vaši atributi ID skladni s temi tremi standardi:
- ID se mora začeti s črko (a-z ali A-Z).
- Vsi nadaljnji znaki so lahko črke, številke (0-9), vezaji (-), podčrtaji (_), dvopičja (:) in pike (.).
- Vsak ID mora biti v dokumentu enoličen.
Uporaba atributa ID
Ko prepoznate edinstven element vašega spletnega mesta, uporabite slogovne liste za oblikovanje samo tega enega elementa.
Na primer za identifikacijo ID-ja z naslovom stik, uporabite katero koli od teh oblik:
div # contact {background: # 0cf;}
#contact {background: # 0cf;}
Prvi vzorec cilja na oddelek z atributom ID stik. Drugi še vedno cilja na element z ID-jem stik, samo ne bi določalo, da gre za delitev. Končni rezultat oblikovanja bi bil popolnoma enak.
Lahko se tudi povežete s tem določenim elementom, ne da bi dodali oznake.
Navedite ta odstavek v svojih skriptih z getElementById Metoda JavaScript:
document.getElementById ("kontaktni odsek")
Atributi ID so v HTML-ju še vedno zelo uporabni izbirniki razredov so jih zamenjali za najbolj splošne namene oblikovanja. Uporaba atributa ID kot kavelj za sloge, hkrati pa jih uporablja tudi kot sidra za povezave ali cilje za skripte, pomeni, da imajo še danes pomembno mesto pri spletnem oblikovanju.