El Atributo ID en HTML Explicado!! [y marcadores de enlaces]

El atributo id

  • El atributo id especifica un identificador único para un elemento HTML
  • El valor del id se usa en CSS y JavaScript para aplicar estilos o tareas sobre el elemento
  • En CSS se usa el # para seleccionar el elemento

See the Pen HTML | 1.23 - El atributo id - 1 by Francisco Palomares Barrios (@kikopalomares) on CodePen.

 

Diferencias entre id y class

  • Un elemento HTML sólo puede tener un id y este debe ser único en todo el documento
  • Un elemento HTML puede tener muchas clases al mismo tiempo

See the Pen HTML | 1.23 - El atributo id - 2 by Francisco Palomares Barrios (@kikopalomares) on CodePen.

 

Marcadores con ID y enlaces

  • Los marcadores en HTML sirven para saltar a una parte específica de la página web.
  • Son útiles en webs muy largas.
  • Cuando clicas sobre el enlace la página hace scroll a la localización del marcador

See the Pen HTML | 1.23 - El atributo id - 3 by Francisco Palomares Barrios (@kikopalomares) on CodePen.

 

Usando el atributo id en JavaScript

En JavaScript podemos acceder a un elemento usando el id a través del método getElementById()

See the Pen HTML | 1.23 - El atributo id - 4 by Francisco Palomares Barrios (@kikopalomares) on CodePen.

¿Quieres más?

Si estás interesado en el mundo de la programación y el desarrollo web, te recomiendo que te suscribas a mi canal de youtube donde tienes mucho más contenido gratuito

IR AL CANAL

¿Quieres convertirte en desarrollador web? [GRATIS]

Déjame aquí tu mejor email y te mandaré un curso para que puedas empezar en el desarrollo web totalmente GRATIS!

¡Prometo no enviarte SPAM! Sólo cosas relevantes que te interesen.