El atributo global id define un identificador único (ID) el cual no debe repetirse en todo el documento. Su propósito es identificar el elemento al vincularlo (usando un identificador de fragmento), en scripts u hojas de estilo (con CSS).
El valor de este atributo es una cadena de caracteres opaca: es decir, el autor del sitio no debe usarlo para proporcionar información. De forma particular, en sentido semántico por ejemplo, no debe ser derivado de la misma cadena.
El valor de este atributo no debe contener espacios en blanco. Los navegadores tratan los IDs que contienen espacios en blanco como si los espacios fueran parte del ID. En contraste con el atributo class, el cual permite valores separados por espacios, los elementos pueden tener sólo un ID definido mediante el atributo ID. Tenga en cuenta que un elemento puede tener muchos ID, pero los demás deben ser definidos de otra forma, como por medio de un script interactuando con el DOM.
Nota: El uso de caracteres a excepción de letras en ASCII, dígitos, '_', '-' y '.' pueden ocasionar problemas de compatibilidad, por no ser permitidos en HTML 4. A pesar de que esta limitación ha sido removida en HTML 5, un ID debe iniciar con una letra para asegurar la compatibilidad.
Especificaciones
| Especificación | Estado | Comentario |
|---|---|---|
| HTML Living Standard La definición de 'id' en esta especificación. |
Living Standard | Sin cambios desde el último snapshot, HTML 5.1 |
| HTML 5.1 La definición de 'id' en esta especificación. |
Recommendation | Snapshot de HTML Living Standard, sin cambios de HTML5 |
| HTML5 La definición de 'id' en esta especificación. |
Recommendation | Snapshot de HTML Living Standard, ahora acepta '_', '-' and '.' si no se encuentra al principio del id. También es un atributo global verdadero. |
| HTML 4.01 Specification La definición de 'id' en esta especificación. |
Recommendation | Soportado en todos los elementos a excepción de <base>, <head>, <html>, <meta>, <script>, <style>, y <title>. |
Compatibilidad en navegadores
| Atributo | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari |
|---|---|---|---|---|---|
| Soporte básico | (Yes) | (Yes)[1] | (Yes) | (Yes) | (Yes) |
| Atributo | Android | Chrome para Android | Firefox Mobile (Gecko) | IE Mobile | Opera Mobile | Safari Mobile |
|---|---|---|---|---|---|---|
| Soporte básico | (Yes) | (Yes) | (Yes)[1] | (Yes) | (Yes) | (Yes) |
[1] class es un atributo global verdadero desde Firefox 32.
Ver también
- Todos los atributos globales.
Element.idque se asemeja a este atributo.