4. Enlaces, xhtml

Solo disponible en BuenasTareas
  • Páginas : 7 (1725 palabras )
  • Descarga(s) : 0
  • Publicado : 16 de agosto de 2012
Leer documento completo
Vista previa del texto
4. ENLACES

La incorporación del hipertexto fue una de las claves del éxito del lenguaje HTML, ya que permitió crear documentos interactivos que proporcionan información adicional cuando se solicita. El elemento principal del hipertexto es el "hiperenlace", también llamado "enlace web" o simplemente "enlace".

Los enlaces se utilizan para establecer relaciones entre dos recursos. Aunque lamayoría de enlaces relacionan páginas web, también es posible enlazar otros recursos como imágenes, documentos y archivos.

4.1. URL

Antes de empezar a crear enlaces, es necesario comprender y dominar el concepto de URL. El acrónimo URL (del inglés Uniform Resource Locator) hace referencia al identificador único de cada recurso disponible en Internet. Las URL son esenciales para crear losenlaces, pero también se utilizan en otros elementos HTML como las imágenes y los formularios.

La URL de un recurso tiene dos objetivos principales:
▪ Identificar de forma única a ese recurso, que permita diferenciarla de las demás.
▪ Permitir localizar de forma eficiente ese recurso

Si por ejemplo se considera la siguiente URL:

http://www.alistapart.com/comments/webstandards2008?page=5#42Las cinco partes que forman la URL anterior son:
▪ Protocolo (http://): el mecanismo que debe utilizar el navegador para acceder a ese
recurso. Todas las páginas web utilizan http://. Las páginas web seguras (por ejemplo las
de los bancos y las de los servicios de email) utilizan https:// (se añade una letra s).
▪ Servidor (www.alistapart.com): simplificando mucho su explicación, se tratadel ordenador
en el que se encuentra guardada la página que se quiere acceder. Los navegadores son
capaces de obtener la dirección de cada servidor a partir de su nombre.
▪ Ruta (/comments/webstandards2008): camino que se debe seguir, una vez que se ha llegado al
servidor, para localizar el recurso específico que se quiere acceder.
▪ Consulta (?page=5): información adicional necesaria para queel servidor localice
correctamente el recurso que se quiere acceder. Siempre comienza con el carácter ? y
contiene una sucesión de palabras separadas por = y &
▪ Sección (#42): permite que el navegador se posicione automáticamente en una sección de
la página web. Siempre comienza con el caracter #


4.2. ENLACES RELATIVOS Y ABSOLUTOS

Las páginas web habituales suelen contener decenas deenlaces de diferentes tipos. En algunas páginas, cuando se pincha sobre algunos enlaces, el navegador abandona el sitio web para acceder a páginas que se encuentran en otros sitios. Estos enlaces se conocen como "enlaces externos". Sin embargo, la mayoría de enlaces de un sitio web apuntan a páginas del propio sitio web, por lo que se denominan "enlaces internos".

Además de internos/externos,la otra característica que diferencia a los enlaces (y por tanto, también a las URL) es si el enlace es absoluto o relativo. Las URL absolutas incluyen todas las partes de la URL (protocolo, servidor y ruta) por lo que no se necesita más información para obtener el recurso enlazado.

Las URL relativas prescinden de algunas partes de las URL para hacerlas más breves. Como se trata de URLincompletas, es necesario disponer de información adicional para obtener el recurso enlazado. En concreto, para que una URL relativa sea útil es imprescindible conocer la URL del origen del enlace.

Las URL relativas se construyen a partir de las URL absolutas y prescinden de la parte del protocolo, del nombre del servidor e incluso de parte o toda la ruta del recurso enlazado. Una URL relativa es unaversión abreviada de una URL absoluta. Su objetivo es eliminar todas las partes de la URL absoluta que se pueden adivinar a partir de la información de contexto de la página web. En otras palabras, las URL relativas aprovechan la inteligencia de los navegadores para crear URL incompletas que los navegadores pueden completar deduciendo la información que falta.

Por ejemplo, si consideramos una...
tracking img