vinculos

Un hiperenlace (también llamado enlace, link, vínculo)

 Es un elemento de un documento electrónico que hace referencia a otro recurso, como por ejemplo otro documento o un punto específico del mismo o de otro documento. Combinado con una red de datos y un protocolo de acceso, un hipervínculo permite acceder al recurso referenciado en diferentes formas, como visitarlo con un agente de navegación, mostrarlo como parte del documento referenciador o guardarlo localmente.

Los hipervínculos son parte fundamental de la arquitectura de la World Wide Web, pero el concepto no se limita al HTML o a la Web. Casi cualquier medio electrónico puede emplear alguna forma de hiperenlace.

Partes del hiperenlace

Un enlace cuenta con dos extremos, denominados anclas (nautilus), y una dirección.

El enlace comienza en el ancla origen y apunta al ancla destino. Sin embargo, el término "enlace" a menudo se utiliza para el ancla origen, mientras que al ancla destino se denomina enlace de destino (link target).

El enlace de destino más utilizado en la World Wide Web. Puede invocar a un documento, por ejemplo una página web, a otro recurso, o a una posición determinada en una página web. Este último se consigue asignando a un elemento HTML el atributo "name" o "id" en esa posición del documento HTML. El URL de la posición es el url de la página con "#atributo name" añadido.

Cuando los enlaces de destino invocan, además de texto, elementos multimedia ( audio, video, imágenes, etc. ), puede decirse que estamos navegando en un espacio hipermedia, un ámbito de interacción humana que intensifica la densidad de los mensajes, dentro de la gama exhaustiva de supuestos funcionales que aporta la Red, como por ejemplo: comunicación en tiempo real y en tiempo diferido, comunicación de una persona a una persona, de varias a una, de una a varias, de varias a varias, etc.

Comportamiento de los enlaces en los navegadores web

Un navegador web normalmente muestra un hiperenlace de alguna forma distintiva, por ejemplo en un color, letra o estilo diferente. El comportamiento y estilo de los enlaces se puede especificar utilizando lenguaje CSS.

El puntero del ratón también puede cambiar a forma de mano para indicar el enlace. En muchos navegadores, los enlaces se muestran en texto azul subrayado cuando no han sido visitados, y en texto púrpura subrayado cuando han sido visitados. Cuando el usuario activa el enlace (por ejemplo pinchando sobre él con el ratón) el navegador mostrará el destino del enlace. Si el destino no es un archivo HTML, dependiendo del tipo de archivo y del navegador y sus plugins, se puede activar otro programa para abrir el archivo.

El código HTML contiene todas las características principales de un enlace:

• link target (URL) (destino) o (ubicación)

• link label (etiqueta)

• link title (título)

• link class or link id (clase)

Utiliza el elemento "a" de HTML con el atributo "href" y opcionalmente otros atributos como “title”, “class”, “style”, “target” o “id”:

etiqueta del enlace

Cuando el puntero se sitúa sobre un enlace, dependiendo del navegador, se muestra un texto informativo acerca del enlace:

• Un texto emergente, que desaparece cuando el puntero se vuelve mover (a veces desaparece igualmente pasados unos segundos). Internet Explorer y Mozilla Firefox muestran el título, Opera muestra también el URL.

• Además, el URL puede ser mostrado en la barra de estado.

Un enlace cuenta con dos extremos

El término «enlace» a menudo se utiliza para el ancla origen, mientras que al ancla destino se denomina enlace de destino (link target). El enlace de destino más común es un URL, utilizado en la World Wide Web. Puede invocar a un documento, por ejemplo una página web, a otro recurso, o a una posición determinada en una página web. Este último se consigue asignando a un elemento HTML el atributo "name" o "id" en esa posición del documento HTML. El URL de la posición es el URL de la página con "atributo name" añadido.

Cuando los enlaces de destino invocan, además de texto, elementos multimedia ( audio, video, imágenes, etc.), puede decirse que estamos navegando en un espacio hipermedia, un ámbito de interacción humana que intensifica la densidad de los mensajes, dentro de la gama exhaustiva de supuestos funcionales que aporta la Red, como por ejemplo: comunicación en tiempo real y en tiempo diferido, comunicación de una persona a una persona, de varias a una, de una a varias, de varias a varias, etc.

Tipos de hiperenlaces

• Hipervínculo de texto: este hipervínculo de texto es un enlace que se encuentra asociado a un texto, de forma que al hacer clic sobre ese texto se carga la página donde indique el hipervínculo.

• Hipervínculo de imagen: Un hipervínculo de imagen es un enlace que se encuentra asociado a una imagen, de forma que si se hace clic sobre esa imagen se carga la página que indique el hipervínculo.

• Hipervínculo local o interno: Un hipervínculo local o interno es un vínculo a una página que se encuentra en el mismo sitio web (sitio local).

• Hipervínculo externo: Un hipervínculo externo es un vínculo a otro sitio web en Internet (sitio externo). Es un vínculo a cualquier otro lugar fuera del sitio actual.

• Hipervínculo a una dirección de correo electrónico: Un hipervínculo a una dirección de correo electrónico es un vínculo que contiene una dirección de correo. Al pulsar en él, automáticamente se abre el programa de correo que tenga el usuario instalado para poder escribir a esa dirección de correo.

¿Qué es un hipervínculo?

Un hipervínculo es un enlace, normalmente entre dos páginas web de un mismo sitio, pero un enlace también puede apuntar a una página de otro sitio web, a un fichero, a una imagen, etc. Para navegar al destino al que apunta el enlace, hemos de hacer clic sobre él. También se conocen como hiperenlaces, enlaces o links.

Normalmente el destino se puede saber mirando la barra de estado del navegador cuando el ratón esté sobre el hipervínculo.

Dependiendo de cual sea el destino , hacer clic en un hipervínculo puede hacer que ocurran varias cosas. Si el destino es otra página web, el navegador la cargará y la mostrará, pero si el destino es un documento de Word, el navegador nos dará la posibilidad de abrir una sesión de Word para visualizarlo o de guardar el archivo.

Por lo tanto, podemos usar los hipervínculos para conducir a los visitantes de nuestro sitio web por donde queramos. Además, si queremos que se pongan en contacto con nosotros, nada mejor que ofrecerles un hipervínculo a nuestro correo electrónico.

Tipos de hipervínculos.

Existen varios tipos de hipervínculos. Vamos a ver los más usados.

1. Hipervínculo de texto: Un hipervínculo de texto es un enlace que se encuentra asociado a un texto, de forma que si hacemos clic sobre ese texto, navegamos dónde indique el hipervínculo. Por defecto, cuando creamos un hipervínculo de texto, el texto aparece subrayado y en un color distinto al del texto normal, de forma que el visitante sepa que existe ese enlace. Si volvemos a la página después de visitar el enlace, este aparecerá con otro tono también. Aunque es interesante diferenciar el hiperenlace, es posible que no queramos que aparezca así.

2. Hipervínculo de imagen: Un hipervínculo de imagen es un enlace que se encuentra asociado a una imagen, de forma que si hacemos clic sobre esa imagen, navegamos dónde indique el hipervínculo. Por defecto cuando creamos un hipervínculo de imagen, la imagen aparece rodeada de un borde con un color llamativo para que el visitante sepa que existe ese enlaces.

   Por otra parte, los hipervínculos pueden referirse a páginas del mismo sitio web o de otros sitios web.

3. Hipervínculo local o interno: Un hipervínculo local o interno es un vínculo a una página que se encuentra en el mismo sitio web (sitio local). Así, para referirnos a ella tan solo basta con poner la ruta o dirección en el disco duro. Si se encuentra en la misma carpeta, basta con poner su nombre.
   Por ejemplo, supongamos que tenemos un vínculo desde esta página a otra llamada curso que está en la carpeta access . El vínculo sería: access/curso.htm

4. Hipervínculo externo : Un hipervínculo externo es un vínculo a otro sitio web en Internet (sitio externo). Es un vínculo a cualquier otro lugar fuera del sitio actual. Cuando ponemos un vínculo externo, escribimos la dirección completa de la página incluido http://www....   

5.  Hipervínculo a una dirección de correo electrónico: Un hipervínculo a una dirección de correo electrónico es un vínculo que contiene una dirección de correo. Al pulsar en él, automáticamente se abre el programa de correo que tenga el usuario instalado para poder escribir a esa dirección de correo.
   
   Existen diferentes clases de rutas de acceso a la hora de definir los vínculos.

6. Referencia absoluta: Conduce a una ubicación externa al sitio en el que se encuentra el archivo. La ubicación es en Internet, es decir toda la url identificativa del archivo en la red. Los hipervínculos externos siempre deben tener una referencia absoluta. Por ejemplo: "http://www.ecomur.com". Los hipervínculos internos pueden tener referencia absoluta o relativa. Por ejemplo: "http://www.deciencias.net/disenoweb/elaborar/graficos.htm" o "graficos.htm"  

   
   

7. Referencia relativa (al sitio o al documento): La referencia relativa al sitio conduce a un archivo situado dentro del mismo sitio que el documento actual partiendo del directorio raiz y al documento conduce a un archivo situado dentro del mismo sitio que el archivo actual, pero partiendo del directorio en el que se encuentra el actual.

   Se emplea más por ser menos engorrosa la relativa al documento. Pero hay que tener muy presente la estructura del sitio en carpetas y subcarpetas y los niveles de organización de los archivos:
   Ejemplo: (al documento): " ../index.htm "; (al sitio): " disenoweb/index.htm"

8. Referencia a una parte de un documento: Conduce a un punto dentro de un documento, ya sea dentro del actual o de otro diferente. Primero debemos definir un punto de fijación, anclaje o marcador. El punto se define dentro de un documento con el cursor en el lugar exacto a través del menú Insertar , opción Anclaje con nombre (DW) o Marcador (FP).
   Después colocar el vínculo:" #nombre_anclaje" (misma página)
   " nombre_documento#nombre_anclaje" (distinta página).
   Por ejemplo: Ir al principio de página

Destino del enlace

Cuando creamos un vínculo, por defecto el navegador abrirá la página web destino en la misma ventana, pero podemos pedirle al navegador que la abra aparte. Esto es útil por ejemplo si queremos abrir una página externa a nuestro sitio pero sin que el visitante pierda la nuestra.

(DW) El destino del enlace puede variar dependiendo de los marcos de que disponga el documento actual. Dicho destino determina en qué ventana va a ser abierta la página vinculada. Puede especificarse en el inspector de propiedades a través de Dest, o en la ventana que aparece a través del menú Insertar , opción Hipervínculo 

Cuando creamos un vínculo, por defecto el navegador abrirá la página web destino en la misma ventana, pero podemos pedirle al navegador que la abra aparte. Esto es útil por ejemplo si queremos abrir una página externa a nuestro sitio pero sin que el visitante pierda la nuestra.

(DW) El destino del enlace puede variar dependiendo de los marcos de que disponga el documento actual. Dicho destino determina en qué ventana va a ser abierta la página vinculada. Puede especificarse en el inspector de propiedades a través de Dest, o en la ventana que aparece a través del menú Insertar , opción Hipervínculo

_blank: Abre el documento vinculado en una ventana nueva del navegador.

_parent: Abre el documento vinculado en la ventana del marco que contiene el vínculo o en el conjunto de marcos padre.

_self: Es la opción predeterminada o por defecto. Abre el documento vinculado en el mismo marco o ventana que el vínculo.

_top: Abre el documento vinculado en la ventana completa del navegador.

(FP) Para hacerlo, al crear el hipervínculo, hacemos clic en el botón Marco de destino... del cuadro de diálogo Insertar hipervínculo.Si queremos que todos los hipervínculos de la página actual sean de un determinado tipo, seleccionamos el tipo y hacemos clic en Establecer como valor predeterminado de página . En la siguiente ventana elegimos:

_Valor pred: No usar marcos. Es el valor por defecto.

_El mismo marco: si queremos usar la propia ventana.

_Nueva ventana: si queremos usar una nueva ventana.