Jedinstveni identifikatori unutar web stranica
Prema W3C, ID atribut u HTML-u je:
jedinstveni identifikator za element
Ovo je vrlo jednostavan opis vrlo moćnog atributa. ID atribut može izvršiti nekoliko radnji za web stranice:
- Odabir stilskog lista - ovo je funkcija za koju većina ljudi koristi ID atribut. Budući da su jedinstveni, možete biti sigurni da ćete oblikovati samo jednu stavku na svojoj web stranici kada stil koristite ID entitet. Nedostatak korištenja ID-a za styling svrhe je da ona ima vrlo visoku razinu specifičnosti, što može učiniti vrlo izazovnim ako trebate nadjačati stilu iz nekog razloga kasnije u stilskom listu. Zbog toga se trenutačni web praktički oslanjaju na upotrebu klase i klase selektora umjesto identifikacijskih oznaka i ID selektora za opće styling svrhe.
- Imenovani sidra za povezivanje s web preglednicima omogućuju vam da ciljate precizne lokacije u web-dokumentima tako što ćete uputiti ID na kraju URL-a. Jednostavno dodajte id na kraj URL-a stranice, a prethodi znak pounds (#). Također možete povezati te sidra sa stranicom dodavanjem znaka za pound (#) i ID-a u atributu href za element a. Na primjer, ako imate podjelu s ID-om kontakta, možete s njom povezati na toj stranici:
Ovo je tekst veze - Referenca za skripte - Ako pišete bilo koju Javascript funkciju, htjet ćete upotrijebiti ID atribut tako da možete napraviti promjene s preciznim elementom na stranici sa svojim skriptama.
- Ostala obrada - ID vam omogućuje obradu vaših web-dokumenata na način koji vam je potreban. Na primjer, možete izvući HTML u bazu podataka, a ID atribut identificira polja.
Pravila upotrebe ID svojstva
Postoji nekoliko pravila koja morate slijediti da biste dobili valjani dokument koji koristi atribut ID bilo gdje u dokumentu:
- ID mora započeti slovom (az ili AZ)
- Svi sljedeći znakovi mogu biti slova, brojevi (0-9), crtice (-), podvlake (_), dvotočke (:) i periodi (.).
- Svaki ID mora biti jedinstven u dokumentu. Zašto?
Upotreba ID atributa
Nakon što utvrdite jedinstveni element svoje web stranice, možete koristiti stilske listove kako biste stekli samo taj element.
Kontaktirajte nas
Ovdje postoji neki tekstualni sadržaj
div # kontakt-odjeljak {pozadina: # 0cf;}
-ili samo-
# kontakt-odjeljak {pozadina: # 0cf;}
Bilo koji od ta dva odabira radit će. Prva (div # kontakt-odjeljak) bi ciljala podjelu s ID atributom "kontakt-odjeljka". Drugi (# kontaktni odjeljak) i dalje bi trebao ciljati element s ID-om "kontakt-odjeljka", to jednostavno ne bi znalo da ono što traži je podjela. Krajnji rezultat stylinga bio bi isti.
Također možete povezati taj specifični element bez dodavanja oznaka:
Povezivanje s kontaktnim podacima
Navedite taj stavak u skriptama s metodom "getElementById" JavaScript:
document.getElementById ( „kontakt presjek”)
ID atributi su i dalje vrlo korisni u HTML-u, iako su ih klasni selektori zamijenili za većinu općih stilskih ciljeva. Mogućnost korištenja ID atributa kao kuke za stilove, a istodobno ih koristiti kao sidra za veze ili ciljeve za skripte, znači da i danas imaju važno mjesto u web dizajnu.
Uredio je Jeremy Girard