Zona HTML Zona Java Zona PHP Zona ASP Zona Bases de datos
Inicio > Tutoriales > Internet > WAP > Curso de WML
-Tutoriales

Curso de WML


Enlaces

En este punto vamos a ver cómo poner enlaces. Para ello, vamos a disponer de dos etiquetas pareadas, <anchor> ... </anchor> y <a> ... </a>, siendo la segunda, como veremos en este capítulo, una forma de abreviar la primera en un caso concreto.

La etiqueta <anchor> nos va a delimitar un enlace, es decir, todo lo que vaya dentro de ella será lo que forme parte del enlace. Además, no debemos anidar enlaces dentro del ancla (anchor).

Las anclas pueden estar en cualquier parte del texto, salvo si se trata del texto de un elemento option (etiqueta que veremos en otro capítulo).

Los enlaces en una ancla tienen una tarea asociada que especifica su comportamiento cuando el ancla es seleccionada. Dentro de una ancla no se debe especificar otro elemento que no sea una tarea, como go, prev o refresh, vistas en el capítulo anterior.

De esta etiqueta únicamente nos va a interesar un parámetro, title, que se trata de un texto que identificará al enlace. La visualización depende del navegador. Es recomendable no superar los 6 caracteres.

Ahora vamos a estudiar la etiqueta <a>. En realidad, realiza la misma función que haríamos con anchor y usando la tarea go (sin variables). Es muy similar al <a> del HTML. Como uno de sus parámetros, se especificará el URL de la página a la que se enlaza (relativa o total, indicando o no una carta concreta, tal y como vimos en el capítulo anterior), y entre <a> ... </a> escribiremos un texto descriptivo para dicho enlace.

Los parámetros que lleva la etiqueta <a> son:

* href: contendrá el URL de la página. * title: será una etiqueta para poder seleccionar el enlace en algunos dispositivos. Es recomendable no exceder de 6 caracteres.

Al igual que con anchor, no se debe anidar etiquetas <a>.

Vamos a ver, para finalizar, un ejemplo de uso de estas dos etiquetas. El ejemplo consta de dos barajas, enlazándose entre sí mediante anchor y a.

Ej_enlace1.wml
<?xml version="1.0"?>
<!DOCTYPE wml PUBLIC "-//WAPFORUM DTD WML 1.1//EN"
 "http://www.wapforum.org/DTD/wml_1.1.xml">
<wml>
<card id="b1c1" title="Ej enlace 1">
<p> En esta pagina tenemos un anchor
    que engloba a un texto:
    <anchor title="enl1">
     Este texto hace referencia a un
     enlace para la segunda carta de
     esta baraja.
     <go href="#b1c2"/>
    </anchor>
</p>
</card>
<card id="b1c2" title="Ej enlace 1">
<p> Venimos del enlace de la carta
    anterior.
    <anchor title="enl2">
     Vamos a aprovechar nuestros conocimientos
     para volver a la carta anterior.
     <prev/>
    </anchor>
    <br/>
    <anchor title="enl3">
     Nos vamos a la siguiente baraja
     <go href="Ej_enlace2.wml"/>
    </anchor>
</p>
</card>
</wml>
Ej_enlace2.wml
<?xml version="1.0"?>
<!DOCTYPE wml PUBLIC "-//WAPFORUM DTD WML 1.1//EN"
 "http://www.wapforum.org/DTD/wml_1.1.xml">
<wml>
<card id="b2c1" title="Ej enlace 2">
<p> Aqui hacemos lo mismo que
    hariamos con anchor y go, pero
    abreviando con a:
    <a href="Ej_enlace1.wml#b1c2">Volver
    a la otra baraja, carta 2</a>
</p>
</card>
</wml>
 
Patrocinados
 

Copyright © 1999-2006 Programación en castellano. Todos los derechos reservados.
Formulario de Contacto - Datos legales - Publicidad

Hospedaje web y servidores dedicados linux por Ferca Network