Mobile Web Tips
WML DOCTYPE DECLARATION
<?xml version=”1.0″?>
<!DOCTYPE wml PUBLIC “-//WAPFORUM//DTD WML 1.1//EN” “http://www.wapforum.org/DTD/wml_1.1.xml”>
WML BODY TAG
<wml>…</wml>
WML DIV TAG
<card title=”section1”>…</card>
WML BACK BUTTON
<anchor>
<img src=”back” alt=”back” title=”back”>Previous Page<prev/>
</anchor>
WML REFRESH BUTTON
<anchor>
Refresh this page
<go href=”thispage.wml” mce_href=”thispage.wml”/>
<refresh>
<setvar name=”x” value=”30″/>
</refresh>
</anchor>
WML AUTO REFRESH
<card ontimer=”curpage.wml”>
<timer value=”300″/><!–30 seconds–>
<p>Auto updates every 30 seconds</p>
WML FORMS
<do type=”accept” label=”Answer”>
<go href=”#card2″ mce_href=”#card2″/>
</do>
WML FORM VARIABLES
<input type=”text” name=”school”>
$(schoolname)
WML HTML TAGS
Deck / Card Elements
| Start tag | Purpose | WML |
|---|---|---|
| <access> | Defines information about the access control of a deck | 1.1 |
| <card> | Defines a card in a deck | 1.1 |
| <head> | Contains information about the document | 1.1 |
| <meta> | Defines meta information about the document | 1.1 |
| <template> | Defines a code template for all the cards in a deck | 1.1 |
| <wml> | Defines a WML deck (WML root) | 1.1 |
| <!–> | Defines a comment | 1.1 |
Text Elements
| Start tag | Purpose | WML |
|---|---|---|
| <br> | Defines a line break | 1.1 |
| <p> | Defines a paragraph | 1.1 |
| <table> | Defines a table | 1.1 |
| <td> | Defines a table cell (table data) | 1.1 |
| <tr> | Defines a table row | 1.1 |
Text Formatting Tags
| Start tag | Purpose | WML |
|---|---|---|
| <b> | Defines bold text | 1.1 |
| <big> | Defines big text | 1.1 |
| <em> | Defines emphasized text | 1.1 |
| <i> | Defines italic text | 1.1 |
| <small> | Defines small text | 1.1 |
| <strong> | Defines strong text | 1.1 |
| <u> | Defines underlined text | 1.1 |
Anchor Elements
| Start tag | Purpose | WML |
|---|---|---|
| <a> | Defines an anchor (a link) | 1.1 |
| <anchor> | Defines an anchor (a link) | 1.1 |
Image Elements
| Start tag | Purpose | WML |
|---|---|---|
| <img> | Defines an image | 1.1 |
Event Elements
| Start tag | Purpose | WML |
|---|---|---|
| <do> | Activates a task when the user clicks on a word/phrase on the screen |
1.1 |
| <onevent> | Contains code to be executed when one of the following events occurs: onenterbackward, onenterforward, onpick, ontimer |
1.1 |
| <postfield> | Contains information to be sent to the server along with a <go> tag |
1.1 |
Task Elements
| Start tag | Purpose | WML |
|---|---|---|
| <go> | Represents the action of switching to a new card | 1.1 |
| <noop> | Says that nothing should be done (noop stands for “no operation”). Used to override deck-level elements |
1.1 |
| <prev> | Represents the action of going back to the previous card | 1.1 |
| <refresh> | Refreshes some specified card variables. If any of the variables are shown on the screen, this task also refreshes the screen |
1.1 |
Input Elements
| Start tag | Purpose | WML |
|---|---|---|
| <fieldset> | Used to group together related elements in a card | 1.1 |
| <input> | Defines an input field (a text field where the user can enter some text) |
1.1 |
| <optgroup> | Defines an option group in a selectable list | 1.1 |
| <option> | Defines an option in a selectable list | 1.1 |
| <select> | Defines a selectable list | 1.1 |
Variable Elements
| Start tag | Purpose | WML |
|---|---|---|
| <setvar> | Sets a variable to a specified value in a <go>, <prev>, or <refresh> task |
1.1 |
| <timer> | Defines a card timer | 1.1 |
References
Mobile App Stores: The Next Two Years
Developing Wireless Content using XHTML Mobile
Coding for the Mobile Web
JavaScript Frameworks within Mobile Widgets
Designing for the Mobile Web
Getting Started with Widgets on Windows Mobile
Safari Web Development for the IPhone
PhoneGap Mobile Web Framework
VoiceXML Applications in Perl
Global Mobile Data Traffic Forecast
Ares Mobile Development Environment
No Comments Yet »
Blog at WordPress.com. | Theme: Pool by Borja Fernandez.
Entries and comments feeds.
