XHTML MP (XHTML Mobile Profile)
Total Page:16
File Type:pdf, Size:1020Kb
XHTML MP (XHTML Mobile Profile) • WML 1.x • XHTML •XHTML Basic XHTML Basic egy egyszerűsített XTHML változata. • XHTML Mobile Profile • WCSS / WAP CSS 1 WML jellemzők a XHTML MP-en • XHTML MP nem támogatja a paklit és a kártyákat • XHTML MP nem támogatja az időzítőt (timer) • XHTML MP nem támogatja az eseményeket • XHTML MP nem támogatja a változókat • XHTML MP nem támogatja a kliens-oldali programozást • XHTML MP nem támogatja a programozható gombokat (softkeys) • XHTML MP nem támogatja az <u> jelölőelemet • XHTML MP nem támogatja az input mezők format attribútumát • XHTML MP nem támogatja az adatok küldéset linkekkel 2 XHTML MP szintaxis szabályai • A jelölőelemeket megfelelően kell bezárni • A jelölőelem és attributum neveket kis betükkel kell írni • Az attribútumok értékét idézőjelek között kell megadni • Nem megengedett az attribútum minimalizálása • A jelölőelemeket megfelelően kell beágyazni 3 XHTML MP fájlok kiterjesztése: ".xhtml", ".html" ".htm„ XHTML MP fájloknak a MIME-típusa (tartalomtípus): "application/vnd.wap.xhtml+xml" "application/xhtml+xml" "text/html" 4 Az XHTML MP dokumentum felépítése <?xml version="1.0" encoding="utf-8"?> <!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd" > <html> <head> <meta name="keyword" content="XHTMLMP, vts" /> <meta name="author" content="vts" /> <title>XHTML Mobile Profile 2</title> </head> <body> <p> Hello world! </p> </body> </html> 5 CACHE ellenőrzés <?xml version="1.0" encoding="utf-8"?> <!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd" > <html> <head> <meta name="keyword" content="XHTMLMP, vts" /> <meta name="author" content="vts" /> <meta http-equiv="Cache-Control" content="max-age=300" /> <title>XHTML Mobile Profile 4</title> </head> <body> <p> <meta http-equiv="Cache-Control" content="no-cache" /> XHTML MP <meta http-equiv="refresh" content="15" /> </p> <meta http-equiv="refresh" content="5;URL=1.xhtml" /> </body> </html> 6 XHTML MP példa <body> <p> VTS<br /> Marka Oreskovica 16<br /> 24000 Subotica </p> <!-- comment --> </body> 7 Címek <body> <h1>Level 1 VTS</h1> <h2>Level 2 VTS</h2> <h3>Level 3 VTS</h3> <h4>Level 4 VTS</h4> <h5>Level 5 VTS</h5> <h6>Level 6 VTS</h6> </body> 8 Betűméret és stílus <body> <!-- Attribute `align` not allowed within p Tag. there is no u tag, use with wcss --> <p> <b>Bold</b><br /> <i>Italic</i><br /> <b><i>Bold italic</i></b><br /> <small>Small</small><br /> <big>Big</big><br /> <em>Emphasis</em><br /> <strong>Strong</strong> </p> <pre>VTS Subotica </pre> <hr /> 9 </body> Sorszámnélküli lista <body> <p>Internet technologies</p> <ul> <li>xhtml</li> <li>css</li> <li>php</li> </ul> </body> 10 Sorszámozott lista <body> <p>Internet technologies</p> <ol> <li>xhtml</li> <li>css</li> <li>php</li> </ol> </body> 11 Sorszámozott lista <body> <p>Internet technologies</p> <ol start="3"> <li>xhtml</li> <li>css</li> <li>php</li> </ol> </body> 12 Képek <body> <p> <img src="import.gif" alt="logo" height="17" width="14" /> </p> </body> 13 Táblázatok <table> <tr> <td>Cell A</td> <td>Cell B</td> <td>Cell C</td> </tr> <tr> <td>Cell D</td> <td>Cell E</td> <td rowspan="2">Cell F</td> </tr> <tr> <td colspan="2">Cell G</td> </tr> </table> 14 Hiperhivatkozások <p><a id="top">Top</a></p> <!-- <a id="destination_id"></a> <a id="destination_id" /> <h1 id="destination_id">link</h1> <p id="destination_id">link</p> --> <p>Internet technologies</p> <ul> <li>xhtml</li> <li>css</li> <li>php</li> </ul> <p><a href="#top">Back to top</a></p> </body> 15 Hiperhivatkozások <body> <p>Internet technologies</p> <ul> <li>xhtml</li> <li>css</li> <li>php</li> </ul> <p><a href="18.xhtml">Back</a></p> </body> 16 Hiperhivatkozások <body> <p> <a href="19.xhtml"><img src="import.gif" alt="logo" height="17" width="14" /></a> </p> <p><a href="tel:+381641222222">064-1222222</a></p> </body> 17 Gyorsbillentyűk (access keys) <body> <p><a accesskey="1" href="19.xhtml"><img src="import.gif" alt="logo" height="17" width="14" /></a></p> <!-- Valid attribute values are *, #, 0, 1, 2, 3, 4, 5, 6, 7, 8, and 9. --> </body> 18 Lista <form method="get" action="web.php"> <p> <select name="technologie"> <option value="xhtmlmp">XHTML MP</option> <option value="css">CSS</option> <option value="wml">WML</option> </select> <!-- <option value="xhtmlmp" selected="selected">XHTML MP</option> --> </p> </body> 19 Lista <form method="post" action="web.php"> <p> <select name="technologie" multiple="multiple"> <option value="xhtmlmp">XHTML MP</option> <option value="css">CSS</option> <option value="wml">WML</option> </select> <!-- <option value="xhtmlmp" selected="selected">XHTML MP</option> <option value="css" selected="selected">CSS</option> --> </p> </form> 20 Lista <form method="get" action="web.php"> <p> <select name="languages"> <optgroup label="web"> <option value="php">php</option> <option value="java">java</option> <option value="python">python</option> </optgroup> <optgroup label="desktop"> <option value="c">c</option> <option value="vb">vb</option> <option value="delphi">delphi</option> </optgroup> </select> </p> </form> 21 Beviteli mezők 22 Beviteli mezők <input name="username" type=“text" size=“5” maxlength="10" /> <input type="radio" name="gender" value="m" />Male <input type="radio" name="gender" value="f" />Female <input type="checkbox" name="web_broweser" value="firefox" />FireFox <input type="checkbox" name="web_broweser" value="ie" />IE <input type="checkbox" name="web_broweser" value="opera" />Opera <input type="hidden" name="code" value="123456" /> <input type="submit" name="sb" value="send" /> <input type="reset" name="rb" value="cancel" /> 23 Info 1. XHTML MP add-on for FireFox https://addons.mozilla.org/en US/firefox/addon/1345/ 2. accesskeys in browsers alt+shift+key FireFox alt+key Chrome shift+esc+key Opera 3. Online validator http://ready.mobi/launch.jsp?locale=en_EN 24.