In conformitate cu W3C, atributul ID în HTML este un identificator unic pentru element. Oferă o modalitate de a identifica o zonă a unei pagini web pentru stiluri CSS, legături de ancorare și ținte pentru scripturi.
Pentru ce se utilizează atributul de identificare?
Atributul ID efectuează mai multe acțiuni pentru paginile web:
- Un selector de foi de stil: Aceasta este funcția pentru care utilizează cei mai mulți oameni atributul ID. Deoarece sunt unice, veți stiliza doar elementul de pe pagina dvs. web atunci când stilizați folosind o proprietate ID. Dezavantajul utilizării unui ID în scopuri de stil este că are un nivel foarte ridicat de specificitate, ceea ce o poate face foarte provocatoare dacă trebuie să suprascrieți un stil dintr-un motiv mai târziu într-un foaie de stil. Din această cauză, practicile web actuale înclină spre utilizarea claselor și a selectorilor de clase în locul ID-urilor și selectorilor de ID-uri în scopuri generale de stil.
- Ancore numite pentru conectare la: Browsere web vizați locații precise din documentele dvs. web, arătând spre ID-ul de la sfârșitul adresei URL. Adăugați id-ul la sfârșitul adresei URL a paginii, precedat de un semn hash. Conectați-vă la aceste ancore cu pagina însăși adăugând eticheta hash și numele ID-ului în href atribut pentru element. De exemplu, pentru o diviziune cu un ID de a lua legatura, link către acesta în pagina respectivă cu #a lua legatura.
- O referință pentru scripturi: Dacă scrieți orice funcții Javascript, utilizați atributul ID, astfel încât să puteți modifica elementele precise de pe pagină cu scripturile.
- Alte prelucrări: ID-ul acceptă procesarea în cadrul documentelor dvs. web în orice mod aveți nevoie. De exemplu, puteți extrage codul HTML într-o bază de date și puteți utiliza atributul ID pentru a identifica câmpurile.
Reguli pentru utilizarea atributului ID
Asigurați-vă că atributele dvs. de ID sunt conforme cu aceste trei standarde:
- ID-ul trebuie să înceapă cu o literă (a-z sau A-Z).
- Toate caracterele ulterioare pot fi litere, cifre (0-9), cratime (-), puncte de subliniere (_), puncte (:) și puncte (.).
- Fiecare ID trebuie să fie unic în cadrul documentului.
Folosind atributul ID
După ce identificați un element unic al site-ului dvs. web, utilizați foi de stil pentru a stiliza doar acel element.
De exemplu, pentru a identifica un ID intitulat a lua legatura, utilizați oricare dintre aceste forme:
div # contact {background: # 0cf;}
#contact {background: # 0cf;}
Primul eșantion vizează o diviziune cu un atribut ID de a lua legatura. Al doilea vizează în continuare elementul cu un ID de a lua legatura, pur și simplu nu ar prevedea că este o divizie. Rezultatul final al stilării ar fi exact același.
De asemenea, puteți să vă conectați la acel element specific fără a adăuga etichete.
Trimiteți acel paragraf în scripturile dvs. cu getElementById Metoda JavaScript:
document.getElementById („secțiunea de contact”)
Atributele ID sunt încă foarte utile în HTML, chiar dacă selectoare de clasă le-au înlocuit în cele mai multe scopuri de stil general. Utilizarea atributului ID ca cârlig pentru stiluri, în timp ce le folosiți și ca ancore pentru linkuri sau ținte pentru scripturi, înseamnă că acestea au și astăzi un loc important în designul web.