¿Qué es el atributo ID?

Un atributo de ID llama a una sección específica de una página web

kr7ysztof / Getty Images

De acuerdo con laW3C, el atributo ID en HTML es un identificador único para el elemento. Proporciona una forma de identificar un área de una página web para estilos CSS, enlaces de anclaje y objetivos para scripts.

¿Para qué se utiliza el atributo ID?

El atributo ID realiza varias acciones para las páginas web:

Un selector de hojas de estilo: Esta es la función para la que la mayoría de la gente usa el atributo ID. Debido a que son únicos, diseñará solo un elemento en su página web cuando aplique estilo usando una propiedad de ID. La desventaja de usar un ID para fines de estilo es que tiene un nivel muy alto de especificidad, lo que puede dificultar mucho si necesita anular un estilo por algún motivo más adelante en una hoja de estilo. Debido a esto, las prácticas web actuales se inclinan hacia el uso de clases y selectores de clase en lugar de ID y selectores de ID para propósitos generales de estilo. Anclajes con nombre para vincular a: navegadores web apunte a ubicaciones precisas en sus documentos web apuntando a la ID al final de la URL. Agregue la identificación al final de la URL de la página, precedida por una marca hash. Enlace a estos anclajes con la página en sí agregando la etiqueta hash y el nombre de ID en el href atributo para el elemento. Por ejemplo, para una división con un ID de contacto , enlácelo en esa página con #contacto . Una referencia para guiones: si escribe alguna función de Javascript, use el atributo ID para que pueda realizar cambios en el elemento preciso de la página con sus scripts. Otro procesamiento: La identificación admite el procesamiento dentro de sus documentos web de cualquier manera que necesite. Por ejemplo, puede extraer el HTML en una base de datos y usar el atributo ID para identificar campos.

Reglas para usar el atributo ID

Asegúrese de que los atributos de su ID se ajusten a estos tres estándares:

• El ID debe comenzar con una letra (a-z o A-Z).
• Todos los caracteres posteriores pueden ser letras, números (0-9), guiones (-), guiones bajos (_), dos puntos (:) y puntos (.).
• Cada ID debe ser único dentro del documento.

Uso del atributo ID

Después de identificar un elemento único de su sitio web, utilice hojas de estilo para diseñar solo ese elemento.

Por ejemplo, para identificar una identificación titulada contacto , utilice cualquiera de estos formularios:

|_+_| |_+_|

La primera muestra apunta a una división con un atributo ID de contacto . El segundo sigue apuntando al elemento con un ID de contacto , simplemente no estipularía que es una división. El resultado final del peinado sería exactamente el mismo.

También puede vincular a ese elemento específico sin agregar ninguna etiqueta.

Haga referencia a ese párrafo en sus guiones con el getElementById Método JavaScript:

|_+_|

Los atributos de ID siguen siendo muy útiles en HTML, aunque selectores de clase los han reemplazado para la mayoría de los propósitos generales de estilo. Usar el atributo ID como gancho para los estilos, al mismo tiempo que los usa como anclas para enlaces o destinos para scripts, significa que todavía tienen un lugar importante en el diseño web actual.