I link in XHTML Mobile Profile
Le àncore sono create mediante i tag <a> e </a>
L' attributo "href" del tag <a> è usato per specificare l' URL per la destinazione del link; Un URL ha la seguente forma:
Non dovrebbero esserci novità in quanto appena scritto, se prima si è avuta una sepur minima esperienza con la programmazione HTML o WML.
Spostarsi in un punto della pagina
Come è stato scritto poco fa, si può usare un' àancora per spostarsi in un altro punto del documento in cui ci si trova. Per fare questo, si deve scegliere la destinazione del link (target) all' interno della pagina. In secondo luogo, si deve indicare un collegamento dell' àncora alla destinazione.
Per settare la destinazione del link, si deve usare l' attributo "id". Ecco alcuni esempi:
<h1 id="destinazione_id">XHTML MP Tutorial</h1>
<p id="destinazione_id">Porzione di testo in un paragrafo</p>
Per puntare ad un link àncora per il collegamento di destinazione, si deve costruire un URL usando l' id del link di destinazione come un collegamento vuoto (si noti che un collegamento vuoto comincia con il carattere "#"), e specificare questo URL con il valore di attributo dell' href del link àncora, come il seguente:
Siccome la destinazione del link si trova nello stesso documento XHTML MP, non si deve specificare il nome dell' host ed il percorso nell' URL. È necessario solo il link vuoto.
Il successivo codice XHTML MP mostra come spostarsi all' interno di un documento attraverso i link ancora:
<p><a id="top">Contenuti:</a></p>
<ul>
<li>Parte 1: Introduzione </li>
<li>Parte 2: Sviluppo del linguaggio per i dispositivi mobili </li>
<li>Parte 3: Vantaggi dell’XHTML MP </li>
<li>Parte 4: Caratteristiche del WML non usate in XHTML MP </li>
</ul>
<p><a href="#top">Torna su</a></p>
</body>
Spostarsi in un' altra pagina
Spostarsi in un' altra pagina avviene in maniera diretta. Si deve creare un link àncora e specificare l' URL della pagina di destinazione con l' attributo "href" dell' elemento <a>. Quando un utente clicca su quel collegamento, visualizzerà la seconda pagina. Esempio di un link ad una pagina esterna:
<p><a href="/" title="Link esterno">Link esterno</a></p>
Con il simulatore che ho utilizzato in rete, un collegamento viene sottolineato di default; inoltre al passaggio del mouse appare un colore di sfondo giallo. Ho effettuato una "capture", come si può vedere nella successiva immagine:
Il link, sempre attraverso il simulatore, mi ha condotto alla pagina scritta nell' attributo "href". Direi che funziona in tutto e per tutto.
Usare degli accorgimenti per URL brevi
Come tutti sappiamo, scrivere delle frasi usando i tasti di un dispositivo mobile, porta via del tempo, oltre al fatto che non è molto comodo come scrivere da tastiera. Il motivo di avere un URL breve comprende:
- L'uso di un sotto-dominio. Per esempio, usare: http://wap.dominio.com/ incluso in http://www.dominio.com/wap/. Per rendere un URL ancora più corto, si può usare: http://dominio.com/;
- Usare lo stesso URL sia per il sito web che per il sito WAP. Per esempio: http://www.dominio.com/ o http://dominio.com/ invece di http://dominio.com/wap come home page per il sito WAP. Se la richiesta HTTP è inviata da un dispositivo mobile, la versione WAP del sito sarà inviata all' utente, altrimenti sarà inviata la versione web del sito;
- Configurare la pagina di default del web server, in modo che l' utente debba solo scrivere http://wap.dominio.com invece di http://wap.dominio.com/index.xhtml. Il documento di default di molti browser è: index.html / index.htm o default.html / default.htm. La prima cosa da fare è cambiare il documento di default con l'estensione .xhtml, come: index.xhtml o default.xhtml. Come menzionato in qualche lezione precedente, un documento XHTML MP può avere anche .html o .htm come estensione.
Collegamenti su immagini in XHTML MP
Un collegamento può essere associato ad una immagine in XHTML MP. Basta scrivere il tag <img> tra i tag <a> e </a>. Di seguito un esempio di codice:
<h1>I collegamenti in una pagina XHTML MP</h1>
<p><a href="/" title="Link esterno"><img src="/point.gif" alt="Point" /></a></p>
</body>
Nulla di diverso da quanto già si conosce per le pagine HTML. Il suddetto codice l' ho scritto in una pagina e richiamato attraverso un emulatore WAP; ecco quello che è stato ottenuto:
Nel sito di prova, in cui ci sono diversi emulatori, cliccando sull'immagine, sono stato rimandato alla pagina di destinazione scritta nel codice, cioè la Home del mio sito personale.
Configurare un tasto di accesso rapido in XHTML MP
L' attributo accesskey del tag <a> è usato per configurare un tasto di scelta rapida su un link. Attributi validi sono: *, #, 0, 1, 2, 3, 4, 5, 6, 7, 8, e 9 anche se sarebbe opportuno accertarsi, in base al dispositivo mobile a disposizione, se effettivamente i suddetti attributi sono supportati tutti o meno.
Il seguente esempio mostra come assegnare un tasto di scelta rapida attraverso l' attributo accesskey:
<h1>I collegamenti in una pagina XHTML MP</h1>
<p>Questo è il link numero 1<br /><a accesskey="1" href="/">Visita il primo link</a></p>
<p>Questo è il link numero 2<br /><a accesskey="2" href="/corsoxhtmlmp.asp">Visita il secondo link</a></p>
</body>
Provando a visualizzare la pagina attraverso l' emulatore, i link si attivano automaticamente quando si preme il tasto 1 o 2. La figura mostra quanto ottenuto dal suddetto codice:
| < Prec. | Succ. > |
|---|
