Ya sabemos cómo posicionar con CSS, crear menus de navegación y encabezados en XHTML. Ahora explicaremos ligeramente qué es una ancla (anchor) y para qué sirven.
Nota: Para éste tutorial necesitas tener previos conocimientos sobre XHTML.
Las anclas (anchors) son literalmente enlaces interiores hacia una página, esto nos ayuda a manejar, organizar y acceder al contenido de una página facilmente.
IDs El método es sencillo, IDs. Cada que un ID es agregado, una ancla ha sido creada, por ejemplo veamos el siguiente ejemplo.
<div id="encabezado"></div> <div id="contenido"> <h3 id="titulo">Lorem ipsum</h3> <p>Lorem ipsum dolor sit amet</p> </div> <div id="pie"></div>
Cada uno de estos ID mostrados son anclas: Encabezado, contenido, titulo y pie. Y estos pueden ser enlazados de la siguiente manera:
<a href="#titulo">Lorem ipsum</a>
Como se puede observar, el ID es representado por un simbolo de número (#) adelante de su nombre, de mismo modo que en CSS.
Nota: Cabe recalcar que las anclas son sensibles a las mayúsculas y minúsculas, case-senstive.
namesQuizás algunos de ustedes deben estar confundidos y usaban anclas con el atributo name en una etiqueta <a> vacía. Como el siguiente ejemplo.
<a name="titulo"></a>
Pero este método ha sido descartado por la W3C y dejó de ser válido en el XHTML estricto, y será completamente erradicado del XHTML 2.
Como un ejemplo real podemos encontrar los indices usados en monografías.com, o en las especificaciones del W3C. Además existe algo conocido como accesibilidad web, lo cual nos recomienda la creación de una lista de enlaces dentro de la página como:
id y name (inglés)
Archivos del tutorial
Si tienes alguna pregunta de este tutorial; puedes hacerla aqui en los foros