Identificatori unici în paginile Web
Conform W3C, atributul ID din HTML este:
un identificator unic pentru element
Aceasta este o descriere foarte simplă a unui atribut foarte puternic. Atributul ID poate efectua mai multe acțiuni pentru paginile Web:
- Un selector de foi de stil - Aceasta este funcția pe care majoritatea oamenilor o folosesc pentru atributul ID. Deoarece acestea sunt unice, puteți fi siguri că veți modela doar singurul element de pe pagina Web atunci când stilul dvs. utilizează o proprietate de identitate. Dezavantajul utilizării unui ID pentru scopuri de styling este că acesta are un nivel foarte ridicat de specificitate, ceea ce poate face foarte provocator dacă trebuie să suprascrieți un stil dintr-un motiv oarecare mai târziu într-o foaie de stil. Din această cauză, practicile web actuale se bazează pe folosirea clasei și selectorilor de clasă în locul identificatorilor și a selectorilor de identificare pentru scopuri de stil general.
- Ancore numite pentru conectarea la - browserele Web vă permit să vizați locații precise în documentele dvs. Web indicând ID-ul la sfârșitul adresei URL. Pur și simplu adăugați id-ul la sfârșitul paginii URL, precedat de un semn de literă (#). Puteți, de asemenea, să vă conectați la aceste ancore cu pagina însăși adăugând semnul de literă (#) și numele de identificare în atributul href pentru elementul a. De exemplu, dacă aveți o divizie cu un ID de contact, puteți să vă conectați la pagina respectivă cu ajutorul acestei:
Acesta este textul legăturii - O referință pentru scripturi - Dacă scrieți orice funcții Javascript, veți dori să utilizați atributul ID astfel încât să puteți modifica elementul precis al paginii cu scripturile dvs.
- Alte procesări - Id-ul vă permite să procesați documentele Web în orice fel doriți. De exemplu, este posibil să extrageți codul HTML într-o bază de date, iar atributul ID identifică câmpurile.
Reguli pentru utilizarea atributului ID
Există câteva reguli pe care trebuie să le urmați pentru a avea un document valid care utilizează atributul id oriunde în document:
- ID-ul trebuie să înceapă cu o literă (az sau AZ)
- Toate caracterele ulterioare pot fi litere, numere (0-9), cratime (-), subliniere (_), coloane (:) și perioade (.).
- Fiecare identificator trebuie să fie unic în document. De ce?
Utilizarea atributului ID
Odată ce ați identificat un element unic al site-ului dvs. Web, puteți utiliza foile de stil pentru a modela doar acel element.
Contacteaza-ne
Există conținut de text aici
div # secțiune de contact {background: # 0cf;}
-sau doar-
# contact-section {background: # 0cf;}
Oricare dintre cei doi selectori ar funcționa. Primul (secțiunea div # contact-contact) ar viza o diviziune cu un atribut ID al secțiunii de contact. Cel de-al doilea (secțiunea # de contact) va viza elementul cu un ID de "secțiune de contact", nu ar ști că ceea ce caută este o diviziune. Rezultatul final al stilului ar fi exact același lucru.
De asemenea, puteți să vă conectați la elementul respectiv fără a adăuga niciun etichetă:
Conectați-vă la informațiile de contact
Trimiteți paragraful din script-urile dvs. cu metoda JavaScript "getElementById":
document.getElementById ( "contact-secțiunea")
Atributele ID sunt încă foarte utile în HTML, chiar dacă selectorii de clasă le-au înlocuit pentru cele mai generale scopuri de styling. Abilitatea de a utiliza atributul ID ca un cârlig pentru stiluri, în timp ce le folosiți și ca ancore pentru linkuri sau obiective pentru scripturi, înseamnă că ei au încă un loc important în designul web astăzi.
Editat de Jeremy Girard