Diferencia entre revisiones de «Lenguaje XHTML/Hipervínculos»

Contenido eliminado Contenido añadido
a y href
Hipervínculo a un recurso
Línea 8:
| Atributos = [[../Atributos#Atributos comunes|Atributos comunes]], <tt>charset</tt>, <tt>type</tt>, <tt>href</tt>, <tt>hreflang</tt>, <tt>rel</tt>, <tt>rev</tt>, <tt>shape</tt>, <tt>coords</tt>
}}
Por defecto, en la mayoría de navegadores gráficos aparecen azules y con subrayadosubrayados. Cuando se pasa el puntero del ratón sobre un vínculo,hipervínculo en la mayoría de navegadores, el puntero cambia a la forma de una mano con el dedo índice extendido. Este comportamiento se puede cambiar utilizando [[../Formato|estilos]].
Es el elemento que permite que una región del documento (no necesariamente de texto) se convierta en un hipervínculo. El contenido de este elemento es cualquier elemento que no sea de bloque, es decir, un elemento a nivel de línea. Esto significa que, por ejemplo, no podemos poner dos párrafos seguidos dentro de un único elemento <tt>a</tt>, sino que deberemos insertar un elemento <tt>a</tt> en cada párrafo.
 
Es el elemento que permite que una región del documento (el contenido del elemento, no necesariamente de texto) se convierta en un hipervínculo. El contenido de este elemento es cualquier elemento que no sea de bloque, es decir, un elemento a nivel de línea. Esto significa que, por ejemplo, no podemos poner dos párrafos seguidos dentro de un único elemento <tt>a</tt>, sino que deberemos insertar un elemento <tt>a</tt> en cada párrafo.
El nombre de este elemento, <tt>a</tt>, viene del inglés ''anchor'', [[w:Ancla|ancla]] en español. Aunque si bien este elemento puede ser el destino de un hipervínculo, lo más habitual es que sea el ''orígen'' de éste y, por tanto, se definiría mejor como ''el lugar desde donde se echa el ancla''<ref name="libro_HTM-y-XHTML">Apreciación de Chuck Musciano y Bill Kennedy, «[http://www.oreilly.com/catalog/html5/ HTML y XHTML. La guía definitiva]». Editorial O'Reilly (en español por Anaya Multimedia). ISBN 0-596-00382-X</ref>.
 
El nombre de este elemento, <tt>a</tt>, viene del inglés ''anchor'', [[w:Ancla|ancla]] en español. Aunque si bien este elemento puede ser el destino de un hipervínculo, lo más habitual es que sea el ''orígen'' de éste y, por tanto, se definiría mejor como ''el lugar desde donde se echa el ancla''<ref name="libro_HTM-y-XHTML">Apreciación de Chuck Musciano y Bill Kennedy, «[http://www.oreilly.com/catalog/html5/ HTML y XHTML. La guía definitiva]». Editorial O'Reilly (en español por Anaya Multimedia). ISBN 0-596-00382-X</ref>.
En cuanto a sus atributos no hay ninguno que sea obligatorio porque puede actuar como origen y/o como destino del hipervínculo. Su atributo más útil y del que casi siempre lo veremos acompañado es el atributo '''<tt>href</tt>'''. Este atributo sirve para indicar el destino del hipervínculo. Su valor es un [[w:URI|URI]] (Uniform Resource Identifier, identificador de recursos uniforme) y que generalmente será un [[w:URL|URL]], un subtipo de URI, es decir, un identificador unívoco a un recurso, ya sea una página web, una parte de un documento o un recurso identificable por el navegador como una función javascript<ref name="uri">[http://tools.ietf.org/html/rfc3305 RFC 3305] y [http://www.w3.org/TR/uri-clarification/ W3C Note: URIs, URLs, and URNs: Clarifications and Recommendations 1.0], el mismo contenido pero publicado por diferentes autoridades.</ref>.
 
En cuanto a sus atributos no hay ninguno que sea obligatorio porque puede actuar como origen y/o como destino del hipervínculo. Su atributo más útil y del que casi siempre lo veremos acompañado es el atributo '''<tt>href</tt>'''. Este atributo sirve para indicar el destino del hipervínculo. Su valor es un [[w:URI|URI]] (Uniform Resource Identifier, identificador de recursos uniforme) y que generalmente será un [[w:URL|URL]], un subtipo de URI, es decir, un identificador unívoco a un recurso, ya sea una página web, una parte de un documento o un recurso identificable por el navegador como una función javascript<ref name="uri">[http://tools.ietf.org/html/rfc3305 RFC 3305] y [http://www.w3.org/TR/uri-clarification/ W3C Note: URIs, URLs, and URNs: Clarifications and Recommendations 1.0], el mismo contenido pero publicado por diferentes autoridades (en inglés).</ref>.
Por defecto, en la mayoría de navegadores aparecen azules y con subrayado. Cuando se pasa el puntero del ratón sobre un vínculo, en la mayoría de navegadores, el puntero cambia a la forma de una mano con el dedo índice extendido.
 
Como fue explicado anteriormente, para crear un vínculo, se usa la etiqueta &lt;a&gt;, y se usa el atributo <code>href</code> para definir a donde se desea ir. El texto que el vínculo mostrará debería estar dentro del elemento &lt;a&gt;. Por lo tanto, si se desea escribir "[http://www.wikibooks.org/ Click aquí] para ir a Wikibooks.org." Se debería escribir:
Línea 40:
&lt;/body&gt;
&lt;/html&gt;
 
== Hipervínculo a un recurso ==
 
Ahora ya sabe la teoría sobre los hipervínculos, pero ¿sabe realmente qué debe poner en el atributo <tt>href</tt> para enlazar el recurso que usted desee? Si la respuesta es ''no'' aquí intentaremos arrojar luz sobre esta cuestión.
 
Para empezar debemos distinguir entre dos tipos de enlaces: '''absolutos''' y '''relativos'''.
 
Los enlaces '''absolutos''' identifican el recurso independientemente de desde dónde se haga referencia. Los verá siempre con un prefijo seguido de dos puntos que identifica, por decirlo de algún modo, el protocolo que se utiliza para acceder al recurso. Entre los que la gran mayoría de navegadores reconocen:
; <tt><nowiki>http:</nowiki></tt>
: Es el identificador del protocolo de transferencia de hipertexto o [[w:Hypertext Transfer Protocol|HTTP]], utilizado para las páginas web de internet.
; <tt><nowiki>https:</nowiki></tt>
: Es como el HTTP pero utilizando SSL para encriptar los datos.
; <tt><nowiki>ftp:</nowiki></tt>
: Es el protocolo de transferencia de archivos o [[w:File Transfer Protocol|FTP]].
; <tt><nowiki>mailto:</nowiki></tt>
: Para enviar un correo electrónico al destinatario especificado.
; <tt><nowiki>gopher:</nowiki></tt>
: Protocolo [[w:Gopher|Gopher]].
; <tt><nowiki>news:</nowiki></tt>
: Servidores de noticias [[w:Usenet|Usenet]].
 
A pesar de que estos prefijos puedan o no pertenecer a estándares, lo cierto es que es el propio agente usuario (el navegador) el que debe implementar la forma de acceder a ese recurso, si es que tiene capacidad para hacerlo, ya sea de forma interna o bien llamando a un programa o al propio sistema operativo para que lo gestione externamente, como puede ser un enlace a un correo electrónico o a un canal de chat.
 
La estructura de un URI http es tal que así (texto entre corchetes opcional, en cursiva variable):
 
'''http://''' [ ''usuario'' [ ''':''' ''contraseña'' ] '''@''' ] ''servidor'' [ ''':''' ''puerto'' ] [ ruta_absoluta ] [ '''?''' ''parámetros'' ] [ '''#''' ''identificador'' ]
 
Y es muy similar para https y ftp. Si se requiere autenticación de usuario HTTP se puede hacer anteponiendo el usuario al nombre del servidor separado por el carácter arroba (<tt>@</tt>), e incluso la contraseña separada por los dos puntos del nombre de usuario, aunque no es recomendable ya que puede quedar en el historial del navegador. Si se omite y es requerido por el servidor el navegador debería encargarse de ofrecer un método para solicitárselo al usuario. El [[w:Lista de números de puerto|puerto]] al que se debe conectar es por defecto el 80 para HTTP, 445 para HTTPS y 20 para FTP y, si no se especifica, se conectará diréctamente a esos puertos. En caso de que el servidor al que queramos acceder se encuentre en otro puerto deberemos especificarlo en la dirección. Después se encuentra la ruta de acceso al recurso, que va separado por el carácter de barra invertida (<tt>/</tt>) y donde cada carácter de barra invertida indica (no siempre, puesto que los servidores se pueden configurar para crear ''alias'') un nivel de directorio en el sistema de archivos del servidor. Al final de la ruta se suele especificar un nombre de archivo, pero si no se especifica ninguno los servidores acostumbran a estar configurados para servir el archivo ''index.html'' del directorio especificado, si existe, acortando un poco la dirección. Si el recurso al que se accede es en realidad un ejecutable de servidor se le pueden pasar parámetros que modifiquen su comportamiento. También se puede especificar un identificador en el documento de destino para que el navegador muestre el contenido del documento empezando a partir del elemento identificado por el mismo (véase [[#Enlazar a parte de un documento|Enlazar a parte de un documento]].
 
==Parrafos e <code>id</code>s==