Sobes.tech
Junior

¿Qué es un 'ancla' en el contexto del desarrollo web?

sobes.tech AI

Respuesta de la IA

El ancla es un medio de navegación dentro de una página web. Permite crear un enlace que no lleva a otra página, sino a una sección específica de la página actual.

Se implementa utilizando:

  1. Atributo id: Se asigna a un elemento que será el destino, el lugar al que llevará el ancla. El id debe ser único dentro de la página.

    <h2 id="section-title">Título de la sección</h2>
    
  2. Enlaces con el símbolo # y valor id: En el atributo href se indica # seguido del valor del id del elemento objetivo.

    <a href="#section-title">Ir a la sección</a>
    

Al hacer clic en este enlace, el navegador desplazará la página hasta el elemento con el id correspondiente.

Los anclajes se usan para:

  • Crear un índice en páginas largas.
  • Navegar rápidamente a secciones específicas (por ejemplo, formularios, contactos, notas).
  • Mantener la posición del usuario al actualizar o volver a la página.

En la URL, el ancla se añade después del símbolo #: https://example.com/page#section-title.