Links

Un vínculo, llamado también 'ancla', es una palabra, grupo de palabras o una imagen en la que puedes hacer clic para saltar a otro documento o a una parte específica del documento actual. El elemento para los vínculos, tanto internos como externos es tan simple como <a>. Hemos hablado acerca de las abreviaturas y en este caso a es una abreviatura de 'ancla'. Pero no puedes simplemente usar <a> -debes agregar al menos un atributo- el href. Href viene del inglés 'hypertext reference' (referencia de hipertexto) y el valor del mismo define la dirección a la que estás siendo trasladado. El enlace más sencillo luce así:

<a href="http://www.yoururl.com">Link text</a>

Abrir en una nueva ventana

De vez en cuando querrás que el usuario siga teniendo tu página web abierta y para ello tienes la posibilidad de determinar si el vínculo debe abrirse en una nueva ventana o no. Para ello, debes usar el 'target-attribute'.

Si decides usar el 'target-attribute', debes tener en cuenta que a mucha gente le disgusta esta función y creen que el usuario debería poder decidir por sí mismo si desea o no abrir una nueva ventana, haciendo clic-derecho. Habiendo dicho esto, el atributo/valor para abrir en una nueva ventana se ve así:

<a href="http://www.yoururl.com" target="_blank">This is my link</a>

Vínculo a una parte específica de tu documento

Si quieres vincular a una parte específica de tu documento, esto puede lograrse en una de dos formas. Anteriormente, se hacía identificando el lugar al que querías enlazar, con el nombre de ese lugar - eso se vería así:

<a name="question-2">This</a> is the answer to the second question

Esto es llamado un identificador de fragmento - identifica un fragmento específico de tu documento. El elemento-ancla es usado para definir el lugar al que quieres vincularlo y también deberías usar el identificador de fragmento cuando realmente lo has vinculado a éste.

<a href="#question-2">See the answer to question 2</a>

El # indica que es un identificador de fragmento y la pregunta-2 le dice al explorador qué fragmento buscar.

HTML5 recomienda usar atributos-id específicos en lugar de atributos-nombre si estos están disponibles y en caso de no estarlo, escribir el elemento ancla con alguna pequeña diferencia.

Aquí vemos un ejemplo utilizando id's.

<p id="my-note">This is my first section, with a unique id</p>
<p>This is just a section – no id’s or anything here</p>

<a href="#my-note">Go to the first section</a>

Si no hay ningún id en el elemento-párrafo, pero aún así queremos vincular a la primera sección, HTML5 recomienda hacerlo de la siguiente manera.

<p><a name="my-note" />This is my first section, with a unique id</p>
<p>This is just a section – no id’s or anything here</p>

<a href="#my-note">Go to the first section</a>

Como puedes ver, usamos el elemento-ancla si no hay ningún id único y luego cerramos el elemento en la primera etiqueta, ya que la etiqueta de cierre no es necesaria.