Anclas html

Anteriormente hemos visto que es un enlace y como se construye mediante una etiqueta <a> y cuales son los atributos más importantes que lo acompañan.

Hoy vamos a ver una de las utilidades más prácticas de los enlaces: las anclas.

Las anclas nos sirven para «viajar» a una parte concreta de un documento web.

Por ejemplo un documento puede ser muy extenso. Pongamos 3000 – 5000 palabras. Y por su naturaleza es complicado que un usuario pueda encontrar de un vistazo una información concreta. Mediante una ancla podemos enviar a este usuario al lugar específico del texto.

Las anclas solemos encontrarlas en el típico índice de contenidos de una publicación larga.

También en el típico botón flotante para volver al encabezado de una página.

Construcción de una ancla

En la captura de pantalla se muestran dos anclas intradocumentales.

Una permite ir desde un enlace de lo que es el embrión de un menú de navegación a una zona de específica.

La otra permite ir desde lo que será un enlace en el pie de página a la cabecera del documento.

anclas html intradocumentales
Anclas HTML intradocumentales

Las anclas tienen agunas configuraciones y consideraciones básicas.

  • Mediante un atributo id=»» identificamos la etiqueta dónde queremos enviar al usuario cuando haga click en el enlace.
  • El atributo id debe ser único dentro de una página. No pueden haber 2 etiquetas con el mismo id. (cuidado que es una página y no la totalidad de la página web).
  • En el enlace el href=»» debe llevar el símbolo # seguido del nombre del identificador id.

Atención:

Si miráis bibliografía antigua veréis que en versiones antiguas de html se usa el atributo name. Pero esto ya está completamente obsoleto. ¡Cuidaros de estudiar de estas fuentes aunque las ofrezcan en formato de pdf gratis!

Con esta entrada hemos completado el concepto de enlace y el de ancla. Los hemos usado para hacer anclas intradocumentales.

Como lo harías para un enlace extradocumental (de una página a otra). ¿Te atreves? ¡Dudas en los comentarios!

¿Te ha gustado esta publicación?

¡Valora sobre 5 estrellas esta publicación!

Puntuación media / 5. Votos:

Todavía no hay votos. Sé el primero en valorar la entrada.

Si te ha gustado este contenido...

¡Sígueme en las redes!

Vaya, parece que hay puntos a corregir

¿Me ayudas a mejorar?

Francesc Ricart
hola@francescricart.com

Aprender y enseñar. Enseñar y aprender. En el ámbito docente soy docente ocupacional. En el ámbito profesional consultor web. Ofrezco servicios de mejora continua y mantenimiento web. ¿Qué quieres aprender hoy? Encontraréis más acerca de mi en la página sobre mi

No hay comentarios

Escribir un comentario

  Acepto la política de privacidad

Responsable: FRANCESC RICART MUÑOZ.

Finalidad: Gestionar los comentarios que realizas en este blog.

Destinatarios: No se cederán datos a terceros, salvo obligación legal.

Derechos: Tienes derecho a acceder, rectificar y suprimir los datos, así como otros derechos, como se explica en la política de privacidad.