Visualizzazione di un documento XHTML Mobile Profile
- compilare una pagina con la giusta estensione per i dispositivi wireless;
- metterla nel vostro spazio web;
- collegarsi al sito Wapg;
- dal menu in alto scegliere Demo » Simulator;
- la schermata successiva mostrerà una serie di campi di testo all' interno dei quali mettere l' URL della pagina. Tali campi sono, come si intuisce facilmente, una serie di dispositivi (con tanto di foto) attraverso i quali poter vedere l' esempio che faremo.
Personalmente ho trovato molto completo tale sito in quanto mette a disposizione più di un simulatore. Ma questo non incide sul risultato finale; ce ne sono tantissimi in rete che offrono questo servizio. A voi la scelta.
Il "responso" lo vedremo subito nella sucessiva finestra che apparirà. Ma andiamo per gradi.
Di seguito il codice che ho utilizzato per la prima pagina:
<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>XHTML MP: Prima prova</title>
<meta http-equiv="Content-Type" content="application/vnd.wap.xhtml+xml; charset=UTF-8"/>
</head>
<body>
<h1>Prima pagina XHTML MP</h1>
<p>Hello world! Un saluto a tutti coloro i quali leggeranno questo corso XHTML MP.</p>
</body>
</html>
Quello che abbiamo ottenuto, è mostrato nella figura successiva:
Niente male direi; o no?
Struttura di un documento XHTML MP
I documenti XHTML MP, al pari dei files visualizzati attraverso Internet, cominciano con il prologo che contiene la dichiarazione XML e la DTD.
<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd">
I componenti del prologo non sono elementi propri dell' XHTML MP e non dovrebbero essere chiusi; infatti non va modificata l' estremità, come avviene con i documenti HTML, i quali hanno la chiusura />.
Il resto del documento ha la stessa struttura HTML. Gli elementi presenti nella pagina sono: <html>, <head>, <title> e <body>.
La prima riga di codice dichiara che la versione di XML del documento è la 1.0 ed il carattere di encoding è UTF-8. Se il carattere di encoding del documento è UTF-8 or UTF-16, si può anche omettere.
La dichiarazione XML non è una componente obbligatoria in XHTML MP. Tuttavia, potrebbero presentarsi dei problemi, in qualche browser WAP, se essa non è presente. Per esempio, alcuni dispositivi Sony Ericsson usano la dichiarazione XML per distinguere una pagina XHTML MP da una scritta in IHTML ( che è un linguaggio proprietario sviluppato da NTT DoCoMo) quando il MIME type ricevuto è "text/html". Se il documento contiene la dichiarazione XML, esso viene trattato come pagina XHTML MP, altrimenti come una pagina IHTML.
Dichiarazione DOCTYPE
Tutti i documenti XHTML MP devono avere la dichiarazione DOCTYPE. Deve essere posta tra la dichiarazione XML e l' elemento <html>. Il DOCTYPE che ho scritto nel codice più su, lo si può copiare ed incollare nei vostri documenti.
La dichiarazione DOCTYPE indica il nome della DTD e l' URL della stessa. Contiene informazioni circa la sintassi del markup e definisce quali elementi ed attributi si devono usare nel codice, oltre a quali regole utilizzare.
Gli strumenti online di convalida possono essere utilizzati per controllare se il documento XHTML MP è conforme alle regole confrontando il documento con la DTD specificata nella dichiarazione.
L' elemento <html>
L' elemento <html> è la radice di un file XHTML MP. Tutti gli altri elementi devono essere inclusi all'interno dei tag <html></html>.
L' attributo xmlns definisce il namespace. Attualmente soltanto il valore "http://www.w3.org/1999/xhtml" può essere assegnato all' attributo xmlns. Si deve includere l' attributo xmlns per essere conforme rigorosamente allo standard XHTML MP, anche se la maggior parte dei browsers WAP visualizzano correttamente una pagina nonostante manchi l'atteributo xmlns.
Elemento <head>
I tag <head> e </head> sono usati per specificare l' inizio e la fine della "testata" del documento. Si possono trovare, all' interno, altri elementi come: <title> e <link>. <title> e <link> specificano il titolo del documento XHTML MP e l' url di un eventuale foglio di stile associato. Inoltre ci sono, all'interno della testata, gli elementi "meta" tag.
Elemento <title>
Il tag <title> specifica il titolo, appunto, del documento. Questo elemento deve essere incluso all' interno del tag <head> e </head>. La maggior parte dei browsers WAP visualizza il titolo nella parte alta dello schermo. Se il titolo dovesse essere abbastanza lungo, i browsers WAP lo "spezzano". Gli stili WAP CSS non possono essere usati all' interno dell' elemento <title>
Elemento <body>
L' elemento <body> è usato per inserirci il contenuto. Un file XHTML MP può contenere un solo elemento <body>; questo significa che il concetto delle deck e delle card del WML 1.0 non è supportato. Il testo non può essere racchiuso direttamente tra i tag <body></body>. Per esempio, il codice seguente non è corretto, in una pagina XHTML MP:
Benvenuti al corso XHTML MP.
</body>
Per correggere il codice appena scritto, il testo nel documento deve essere racchiuso tra alcuni elementi, come il paragrafo (<p></p> ); liste (<ul><li></li></ul> o <ol><li></li></ol> ), titoli (<h1></h1>, <h2></h2>...) ecc.. Segue un esempio di codice corretto:
<p> Benvenuti al corso XHTML MP.</p>
</body>
Elemento <p>
L' elemento <p> è usato per racchiudere un paragrafo di testo. Oltre al testo, ci possono essere altri elementi quali i collegamenti, le immagini ecc...
I browsers WAP rendono sempre un paragrafo su una nuova linea, come avviene in una pagina web.
In HTML e WML 1.x, si può usare l' attributo "align" per l' elemento <p> per cambiare l' allineamento orizzontale del paragrafo. Si noti che l' attributo "align" è stato eliminato dall' XHTML MP. Per cambiare l' allineamento orizzontale di un paragrafo di testo, si deve usare la proprietà text-align dei WAP CSS.
Per esempio, se si scrive la dichiarazione di stile (come nell' esempio) in un foglio esterno, il testo in tutti paragrafi sarà allineato a destra:
text-align:right;
}
| < Prec. | Succ. > |
|---|
