¿Qué es un 'ancla' en desarrollo web?

El ancla es una marca dentro de un documento HTML que permite crear un enlace directo a un lugar específico en la página. La mayoría de las veces, las anclas se utilizan para navegar dentro de una misma página web.

La ancla se implementa mediante el atributo id en un elemento HTML y un enlace (<a>) con el atributo href, que comienza con el símbolo # y el nombre de la ancla (id).

<a href="#section2">Ir a la segunda sección</a>

<section id="section1">
  <h2>Primera sección</h2>
  <p>Contenido de la primera sección.</p>
</section>

<section id="section2">
  <h2>Segunda sección</h2>
  <p>Contenido de la segunda sección.</p>
</section>

Al hacer clic en el enlace con href="#section2", el navegador desplazará automáticamente la página al elemento con id="section2".

Tabla comparativa del uso de anclas y enlaces normales:

Característica	Ancla (href="#id")	Enlace normal (href="/page")
Dónde lleva la referencia	A un lugar específico en la página actual	A otra página o recurso
Símbolo en href	Comienza con #	Generalmente comienza con / o con el protocolo (http://)
Función	Navegación dentro de la página	Navegación entre páginas