Edinstveni identifikatorji znotraj spletnih strani
V skladu z W3C je ID atributa v HTML-ju:
edinstveni identifikator elementa
To je zelo preprost opis zelo močnega atributa. Atribut ID lahko izvede več dejanj za spletne strani:
- Izbirnik slogovnih listov - to je funkcija, za katero večina ljudi uporablja atribut ID. Ker so edinstveni, ste lahko prepričani, da boste styling samo en element na svoji spletni strani, ko slogu uporabljate lastnost ID. Slaba stran za uporabo ID-ja za styling namene je, da ima zelo visoko stopnjo specifičnosti, kar je lahko zelo zahtevno, če morate po določenem razlogu pozneje preoblikovati slog v slogan. Zaradi tega se trenutne spletne prakse naslanjajo na uporabo razredov in selektorjev razreda namesto ID-jev in izbirnikov ID-jev za splošne namene stylinga.
- Namedana sidra za povezovanje - Spletni brskalniki omogočajo ciljanje na natančne lokacije v svojih spletnih dokumentih tako, da usmerite na ID na koncu URL-ja. ID preprosto dodate na konec URL-ja strani, pred katerim je znak (-i) funta (#). S temi sidri lahko tudi povežete s samo stranjo, tako da v elementu href dodate znak (#) in ime ID-ja. Na primer, če imate razdelek z ID-jem stika, lahko na to stran povežete s tem:
To je besedilo povezave - Referenca za skripte - če napišete vse funkcije Javascripta, boste želeli uporabiti atribut ID, tako da lahko spremenite natančen element na strani s svojimi skripti.
- Druga obdelava - ID omogoča obdelavo vaših spletnih dokumentov na kakršenkoli način, ki ga potrebujete. HTML lahko na primer izvlečete v bazo podatkov, atribut ID pa identificira polja.
Pravila za uporabo atributa ID
Obstaja nekaj pravil, ki jih morate upoštevati, da imate veljaven dokument, ki uporablja atribut id koli kjerkoli v dokumentu:
- ID se mora začeti s črko (az ali AZ)
- Vsi naslednji znaki so lahko črke, številke (0-9), vezaji (-), podčrtaj (_), kolone (:) in obdobja (.).
- Vsak ID mora biti edinstven v dokumentu. Zakaj?
Uporaba atributa ID
Ko boste identificirali edinstveni element vaše spletne strani, lahko uporabite slogovne predloge za oblikovanje istega elementa.
Kontaktiraj nas
Tukaj je nekaj besedilnih vsebin
div # kontaktni del {ozadje: # 0cf;}
- ali samo -
# kontaktni del {ozadje: # 0cf;}
Vsak od teh dveh selektorjev bi deloval. Prvi (div # kontaktni odsek) bi bil namenjen razdelitvi z atributom ID-ja »kontaktni odsek«. Drugi (# kontaktni odsek) bi še vedno usmeril element z identifikacijsko številko »kontaktne sekcije«, vendar ne bi vedel, da je to, kar išče, delitev. Končni rezultat stylinga bi bil popolnoma enak.
Prav tako se lahko povežete s tem določenim elementom, ne da bi dodali nobene oznake:
Povežite se z informacijami o stiku
To sklicevanje navedite v skriptih z metodo JavaScript getElementById:
document.getElementById ("kontaktni oddelek")
Atributi ID-ja so še vedno zelo uporabni v HTML-ju, čeprav so jih izbirni razredi zamenjali za najbolj splošne namene. Možnost uporabe atributa ID kot kavelj za sloge, hkrati pa jih uporabljamo kot sidra za povezave ali cilje za skripte, pomeni, da imajo danes še vedno pomembno mesto v spletnem oblikovanju.
Uredil Jeremy Girard