Jedinstveni identifikatori unutar veb stranica
Prema W3C-u, ID atributa u HTML-u je:
jedinstveni identifikator za element
Ovo je vrlo jednostavan opis veoma moćnog atributa. Atribut ID može izvršiti nekoliko akcija za Web stranice:
- Selektor za stilski stil - ovo je funkcija za koju većina ljudi koristi atribut ID-a. Zbog toga što su jedinstveni, možete biti sigurni da ćete stajati samo na jednom stavku na vašoj Web stranici kada stisnete korišćenje osobine ID-a. Nedostatak korišćenja ID-a za stajerske svrhe je to što on ima veoma visok stepen specifičnosti, što može učiniti veoma izazovnim ako vam je potrebno nešto kasnije zamijeniti stilom. Zbog toga se trenutna praksa Veba naslanja na korištenje klasa i selektora klase umjesto ID-ova i ID selektora u svrhu općeg stila.
- Imenovana sidra za povezivanje - Web preglednici vam omogućavaju da ciljate precizne lokacije u svojim Web dokumentima tako što ćete pokazati ID na kraju URL-a. Jednostavno dodate id na kraj URL-a stranice, kojoj prethodi znaka funta (#). Takođe možete povezati i ove sidre sa samom stranom dodavanjem oznake funta (#) i ID-a u href atributu za element. Na primjer, ako imate podjelu sa ID-jem kontakta, možete ga povezati na tu stranicu sa sljedećim:
Ovo je tekst linka - Referenca za skripte - Ako pišete sve funkcije Javascript-a, želite da koristite atribut ID-a tako da možete promeniti precizan element na stranici sa svojim skriptama.
- Druga obrada - Id dozvoljava da obrađujete svoje Web dokumente na način koji vam je potreban. Na primjer, možete izvući HTML u bazu podataka, a atribut ID identifikuje polja.
Pravila za korištenje ID-a
Postoji nekoliko pravila koje morate pratiti da imaju važeći dokument koji koristi atribut id bilo gdje u dokumentu:
- ID mora početi sa slovom (az ili AZ)
- Svi naredni karakteri mogu biti slova, brojevi (0-9), crtice (-), podvučice (_), kolone (:) i periode (.).
- Svaki ID mora biti jedinstven unutar dokumenta. Zašto?
Korišćenje ID-a
Jednom kada ste identifikovali jedinstveni element vaše web stranice, možete koristiti stil liste da oblikujete samo jedan element.
Kontaktiraj nas
Tu je tekstualni sadržaj
div # kontakt-segment {pozadina: # 0cf;}
- ili samo -
# kontakt-segment {pozadina: # 0cf;}
Bilo koji od tih dva selektora bi radila. Prvi (div # kontakt-sekcija) bio bi cilj na podelu sa atributom ID-a "kontakt-sekcija". Druga (# kontaktna sekcija) i dalje bi ciljala na element sa identifikacionim brojem "kontakt-sekcije", jednostavno ne bi znala da ono što traži je podela. Kraj stajlinga bi bio potpuno isti.
Takođe možete da se povežete sa određenim elementom bez dodavanja bilo kakvih oznaka:
Povezite se na kontakt informacije
Upućite taj stav u svoje skripte sa JavaScript metodom "getElementById":
document.getElementById ("kontaktni deo")
Atributi ID-a su i dalje veoma korisni u HTML-u, iako su ih selektori klase zamijenili u najčešće svrhe stila. Mogućnost korištenja atributa ID-a kao kukica za stilove, dok ih također koriste kao sidri za linkove ili meta za skripte, znači da i danas imaju važno mjesto u Web dizajnu.
Uredio Jeremy Girard