Identificadors únics dins de pàgines web
Segons el W3C, l'atribut ID en HTML és:
un identificador únic per a l'element
Aquesta és una descripció molt senzilla d'un atribut molt potent. L'atribut ID pot realitzar diverses accions per a pàgines web:
- Un selector de full d'estil: aquesta és la funció que la majoria de les persones utilitza l'atribut ID. Com que són únics, podeu assegurar-vos que només us mostrarà un únic element a la vostra pàgina web quan utilitzeu una propietat ID. El desavantatge d'utilitzar una identificació per a fins d'estil és que té un nivell d'especificitat molt alt, el que pot ser molt difícil si necessiteu reemplaçar un estil per alguna raó més endavant en un full d'estils. Per això, les pràctiques web actuals es recolzen en l'ús de classes i selectors de classes en lloc d'identificadors i selectors d'identificació amb finalitats d'estil general.
- Els ancoratges amb el nom per enllaçar - Els navegadors web us permeten orientar ubicacions precises als vostres documents web si assenyaleu la identificació al final de l'URL. Simplement, afegiu l'id al final de l'URL de la pàgina, precedit d'un signe de lliura (#). També podeu enllaçar a aquests ancoratges amb la pròpia pàgina afegint el signe lliura (#) i el nom de l'identificador a l'atribut href de l'element. Per exemple, si teniu una divisió amb un identificador de contacte, podeu enllaçar-hi en aquesta pàgina amb això:
Aquest és el text de l'enllaç - Una referència per a scripts: si escriviu qualsevol funció de Javascript, us recomanem que utilitzeu l'atribut ID perquè pugueu fer canvis a l'element precís de la pàgina amb els vostres scripts.
- Un altre processament: l'id us permet processar els vostres documents web de la manera que necessiteu. Per exemple, podeu extreure l'HTML en una base de dades i l'identificador identifica els camps.
Regles per utilitzar l'atribut ID
Hi ha algunes normes que heu de seguir per tenir un document vàlid que utilitzi l'atribut id en qualsevol lloc del document:
- L'identificador ha de començar amb una lletra (az o AZ)
- Tots els caràcters posteriors poden ser lletres, números (0-9), guions (-), guions baixos (_), colons (:) i períodes (.).
- Cada ID ha de ser única al document. Per què?
Ús de l'atribut ID
Una vegada que hàgiu identificat un element únic del vostre lloc web, podeu utilitzar fulls d'estil per tal d'escriure només un element.
Contacti amb nosaltres
Hi ha contingut de text aquí
div # contact-section {background: # 0cf;}
-o simplement-
# contact-section {background: # 0cf;}
Qualsevol d'aquests dos selectors funcionaria. El primer (div # contact-section) s'orientarà a una divisió amb un atribut ID de "contact-section". La segona (# contact-section) encara anava dirigida a l'element amb una ID de "secció de contacte", simplement no sabria que el que busca és una divisió. El resultat final de l'estil seria exactament el mateix.
També podeu enllaçar a aquest element específic sense afegir cap etiqueta:
Enllaç a la informació de contacte
Referiu aquest paràgraf als vostres scripts amb el mètode JavaScript "getElementById":
document.getElementById ("secció de contacte")
Els atributs ID són encara molt útils en HTML, tot i que els selectors de classe els han substituït per a finalitats d'estil més general. La possibilitat d'utilitzar l'atribut ID com a ganxo per als estils, alhora que els utilitza com ancores d'enllaços o objectius per a scripts, significa que encara tenen un lloc important en el disseny web d'avui.
Editat per Jeremy Girard