HTML: enlaces
La Web se basa en dos conceptos que han sido explicados
en el primer módulo de este curso: el hipertexto y la hipermedia.
El hipertexto permite crear, agregar, enlazar y compartir
información con una estructura no secuencial que proviene de diversas fuentes
por medio de enlaces. Los enlaces también se conocen como hipervínculos,
vínculos o ligas (en Sudamérica). Y en inglés se emplean los términos hyperlink
y link.
En el siguiente vídeo se explica qué es el hipertexto,
los tipos de enlaces que se pueden crear (intradocumental, extradocumental) en
las páginas web, el concepto de URL (Uniform Resource Locator) que ya debes
conocer y se proporcionan algunos consejos para crear enlaces correctos.
Video: HTML: enlaces
Los
enlaces son el elemento principal que confiere a la Web su carácter de
hipertexto.
El
hipertexto se puede definir como un documento digital que se puede leer de
forma no secuencial y que está compuesto de nodos o secciones, de enlaces o
hipervínculos y de anclajes.
Los
nodos son las partes del hipertexto que contienen información accesible para el
usuario.
Por
otro lado, los enlaces son las uniones o vínculos que se establecen entre nodos
y facilitan la lectura secuencial o no secuencial por los nodos del documento.
Por último, los anclajes son los puntos de activación de los enlaces.
La
Web está formada por los millones de nodos, los documentos o páginas web,
interconectados por millones de enlaces.
En
las páginas web se pueden crear dos tipos de enlaces, los enlaces intradocumentales y
los enlaces extradocumentales.
Un
hiperenlace puede hacer referencia a un punto determinado de la página que lo
contiene, a otra página HTML o a un punto determinado de otra página HTML. En
los dos últimos casos, la página destino puede residir en el mismo servidor que
la página que contiene el hiperenlace o en un servidor distinto.
La
etiqueta que se utiliza en HTML para definir un hiperenlace es <a>…</a>.
Todo aquello que aparezca en el código HTML entre la etiqueta de inicio y la
etiqueta de cierre aparecerá en la página web como un enlace (será el objeto
sensible que al ser pulsado producirá el salto al destino del enlace).
Normalmente, suele utilizarse texto o imágenes como contenido de un enlace.
Un
enlace intradocumental es un enlace a un punto en el mismo documento en el que
se define el enlace. Por un lado, con la etiqueta se define el enlace y se
emplea el atributo href para indicar el destino del enlace.
Por
otro lado, tradicionalmente se empleaba la etiqueta <a> pero con el atributo name para
definir el destino del enlace. Sin embargo, en la actualidad se emplea el atributo
id que se puede definir en cualquier etiqueta de HTML, como por ejemplo en una
etiqueta de encabezado o en un párrafo de texto.
Por supuesto que en una página
web se pueden definir varios enlaces a un mismo destino, pero no se pueden
crear varios destinos con el mismo nombre. El nombre debe ser único. Muy
importante: el nombre del destino en el enlace va precedido del símbolo
#, mientras que en el destino no se pone.
Enlace Intradocumental
·
Enlace a un punto en el mismo documento
--Enlace: <a href="#nombre"> …</a>
--Destibo: <a
name="nombre"> …</a>
<h1
id="nombre"> …</h1>
<p id="nombre"> …</p>
Un
enlace extradocumental es un enlace a otro documento, normalmente a otra página
web. En
el atributo href se tiene que indicar la URL de acceso al otro documento.
Enlace extradocumental
·
Enlace a otro documento
-- <a
href="http://es.wikipedia.org/wiki/HTML"> …</a>
URL
es el acrónimo de Uniform Resource Locator, Localizador uniforme de recurso, y
es la forma estandarizada de hacer referencia a un documento, a un recurso, en
la Web.
<servicio>://<usuario>:<contraseña>@<host>:<puerto>/<ruta>/<recurso>
Una
URL se compone de: El servicio o protocolo que se está empleando, de las credenciales, nombre de usuario y
contraseña, con las que se realiza la conexión al servicio, el host o servidor
al que se accede, el puerto al que se realiza la conexión, la ruta de acceso al
recurso, y finalmente, el nombre del recurso, que suele ser una página web,
pero que podría ser cualquier tipo de documento.
Aquí
tenemos tres ejemplos de URL, una del servicio web, otra del servicio de FTP y
la última del servicio de correo.
URL
Web: http://idesweb.es/temario
FTP:
ftp://ftp.ua.es/pub/software/listado.txt
Email: mailto:sergio.lujan@ua.es
Si
quieres aprender más cosas sobre URL, te aconsejo que consultes el documento
original deTim Berners-Lee del año 1994 en el que se especificaba la sintaxis y la
semántica de URL.
Por
último, también existe el enlace extradocumental a un punto en otro documento.
En este tipo de enlace se combinan los dos enlaces anteriores.
Enlace extradocumental
• Enlace a un
pinto en otro documento
--Enlace:
<a href="pagina.html#nombre"> …</a>
--Destibo: <a name="nombre">
…</a>
<h1 id="nombre"> …</h1>
<p id="nombre"> …</p>
Por
un lado tenemos el enlace, en el que se tiene que indicar tanto la URL del
documento como el nombre del punto en el otro documento.
Por
otro lado, en el destino del enlace se debe definir el punto al que se hace
referencia mediante un nombre, ya sea con el atributo name, el método antiguo,
o mediante el atributo id.
Para
finalizar este tema, te ofrezco tres consejos que debes de tener en cuenta a
la hora de crear un enlace.
- Lleva mucho cuidado con los nombres de los ficheros, con las mayúsculas y minúsculas, yo te aconsejo que lo escribas todo en minúsculas.
- Leva también mucho cuidado con los caracteres extraños, utiliza sólo las letras del alfabeto inglés, los números y algún carácter más como el guion o el guion bajo. Y nada de espacios en blanco en el nombre de los ficheros o en el nombre de los directorios.
- Lleva mucho cuidado con las rutas que escribas en los enlaces: que no sean rutas físicas a documentos que se encuentran en tu ordenador, ya que al publicar tus páginas en un servidor web, los enlaces no funcionarán.
0 comentarios
Publicar un comentario en la entrada.