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

Contenido eliminado Contenido añadido
mSin resumen de edición
→‎Elemento a: charset, type, hreflang
Línea 5:
{{../Plantillas/Elemento
| Elemento = a
| Contiene = texto procesable, [[../Imágenes|Imágenes]], [[../Objetos|Objetos]], [[../Elementos en línea|Elementos en línea]], [[../Formato#Formato de fuente|Formato de fuente]], [[../Formularios#Campos de formulario|Campos de formulario]], [[../Contenido dinámico#Elemento script|<tt>script</tt>]]
| Atributos = [[../Atributos#Atributos comunes|Atributos comunes]], [[../Atributos#Atributo charset|<tt>charset</tt>]], [[../Atributos#Atributo type|<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 subrayados. Cuando se pasa el puntero del ratón sobre un 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]].
Línea 12:
Es el elemento que permite que una región del documento (el contenido del elemento, no necesariamente 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ígenorigen'' 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">[[rfc:3305|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>.
 
Los atributos [[../Atributos#Atributo charset|<tt>charset</tt>]], [[../Atributos#Atributo type|<tt>type</tt>]] y <tt>hreflang</tt> sirven para dar detalles al usuario sobre el documento o recurso al que apunta el hipervínculo. El primero indica el tipo de [[../Codificación de caracteres|codificación de caracteres]] que utiliza el documento, <tt>type</tt> indica el tipo de contenido MIME y hreflang el idioma (no confundir con [[../Atributos#Atributo xml:lang|<tt>xml:lang</tt>]], que especificaría el idioma del contenido entre las etiquetas <tt>&lt;a&gt;</tt> y <tt>&lt;/a&gt;</tt>). Puede ser útil utilizarlos cuando el documento de destino tenga esos parámetros diferentes del documento actual. Es posible que algunos navegadores proporcionen esa información al usuario al situar el foco sobre el hipervínculo, quizás mostrando un menú emergente con esa información, o utilizada por un indexador para clasificar oportunamente el contenido. Sin embargo, el navegador no está obligado a utilizar esa información que le ha proporcionado el programador para determinar su comportamiento al acceder al hipervínculo, por lo que ignorará esa información. Solamente está para informar al usuario.
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:
 
&lt;<nowiki>a href="http://www.wikibooks.org/"&gt;Click aqu&iacute;&lt;/a&gt;</nowiki>
para ir a Wikibooks.org.
 
La forma de escribir esto en un documento XHTML sería:
 
<center>[[Media:Wikibooks-link.html|Download file]]</center></div>
 
&lt;!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
<nowiki>"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"&gt;</nowiki>
&lt;html&gt;
&lt;head&gt;
&lt;title&gt;
Enlace
&lt;/title&gt;
&lt;/head&gt;
&lt;body&gt;
<nowiki>&lt;a href="http://www.wikibooks.org/"&gt;Click aqu&iacute;&lt;/a&gt;</nowiki>
para ir a Wikibooks.org.
&lt;/body&gt;
&lt;/html&gt;
 
== Hipervínculo a un recurso ==