Identificadores únicos dentro das páxinas web
Segundo o W3C, o atributo ID en HTML é:
un identificador único para o elemento
Esta é unha descrición moi sinxela dun atributo moi poderoso. O atributo ID pode realizar varias accións para páxinas web:
- Un selector de follas de estilo: esta é a función que a maioría das persoas usa o atributo ID. Porque son únicos, pode estar seguro de que será un único elemento na súa páxina web cando o estilo empregue unha propiedade de ID. A desvantaxe de usar un ID para fins de estilo é que ten un alto nivel de especificidade, o que pode ser moi reto se necesitas anular un estilo por algún motivo despois nunha folla de estilo. Por iso, as prácticas web actuais inclínanse no uso de clases e selectores de clase en lugar de identificadores e selectores de ID para fins de estilo xeral.
- Anclas nomeadas para conectarse a - Os navegadores web permítenlle orientar localizacións precisas nos seus documentos web apuntando ao ID ao final do URL. Simplemente engades a identificación ao final do URL da páxina, precedida por un signo de libras (#). Tamén pode ligar a estes áncoras coa propia páxina engadindo o signo de libras (#) eo nome de ID no atributo href do elemento. Por exemplo, se ten unha división con un ID de contacto, pode conectalo a esa páxina con este:
Este é o texto da ligazón - Unha referencia para scripts: se escribe calquera función Javascript, quererá usar o atributo ID para que poida facer cambios no elemento preciso da páxina cos seus scripts.
- Outro procesamento: a ID permítelle procesar os documentos web de calquera forma que necesite. Por exemplo, pode extraer o HTML nunha base de datos e o atributo ID identifica os campos.
Regras para usar o atributo ID
Hai algunhas regras que debe seguir para ter un documento válido que use o atributo id en calquera lugar do documento:
- A ID debe comezar cunha letra (AZ ou AZ)
- Todos os caracteres posteriores poden ser letras, números (0-9), guións (-), guións baixos (_), colóns (:) e períodos (.).
- Cada ID debe ser única dentro do documento. Por que?
Usando o atributo ID
Unha vez que identificou un elemento único do seu sitio web, pode empregar follas de estilo para definir un só elemento.
Contacta connosco
Hai aquí algúns contidos de texto
div # contact-section {background: # 0cf;}
ou simplemente
# contact-section {background: # 0cf;}
Habería que traballar calquera destes dous selectores. O primeiro (div # contact-section) estaría dirixido a unha división cun atributo ID de "contact-section". A segunda (# sección de contacto) seguiría segmentando o elemento cunha ID de "sección de contacto", simplemente non sabería que o que está a buscar é unha división. O resultado final do estilo sería exactamente o mesmo.
Tamén podes vincular a ese elemento específico sen engadir ningunha etiqueta:
Enlace á información de contacto
Fai referencia a ese parágrafo nos teus scripts co método "getElementById" JavaScript:
document.getElementById ("sección de contacto")
Os atributos ID aínda son moi útiles en HTML, aínda que os seleccionadores de clase substituíronos para fins de estilo máis xerais. A capacidade de usar o atributo ID como gancho para os estilos, ao mesmo tempo usalos como ancoras para ligas ou obxectivos para scripts, significa que aínda teñen un lugar importante no deseño web hoxe.
Editado por Jeremy Girard