XHTML-MP

<?xml version="1.0"?>
<!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>Titel des Dokumentes</title>
<meta http-equiv="content-type" content="application/xhtml+xml; charset=UTF-8" />
<meta http-equiv="Cache-Control" content="max-age=3000" />
<link rel="Shortcut Icon" href="/favicon.ico" type="image/x-icon" />
<style type="text/css">
* {margin: 0;padding: 0;}
body {font-family: sans-serif;}
</style>
</head>
<body>
<h1>Überschrift H1</h1>
<p>Lorem ipsum ...</p>
</body>
</html>

Listing 1

Auf der Basis eines validen XHTML-MP-Dokuments kann man dann wie gewohnt per CSS losstylen. Zusätzlich zu den bekannten CSS-Anweisungen gibt es auch einige nützliche mobile Besonderheiten. So beschränkt die CSS-Eigenschaft „-wap-input-format“ ein Eingabefeld auf bestimmte Zeichen, was bei Eingaben über Telefontastaturen sehr hilfreich sein kann. Ein Eingabefeld wie <input type="text" style='-wap-input-format: "A*a"'/> beispielsweise gibt vor, dass nur Buchstaben eingegeben werden können und der erste ein Großbuchstabe sein muss – praktisch etwa bei Eingabefeldern für Namen [4].

Eingebunden werden Styles wie gehabt inline direkt im <head>-Bereich oder als externe CSS-Datei. In der Praxis hat sich allerdings die Einbindung direkt im <head>-Bereich bewährt, denn fast jedes Gerät rendert externe CSS-Dateien erst nach dem HTML, sodass es oft zum so genannten FOUC (Flash Of Unstyled Content) kommt – also die vorübergehende, unschöne Darstellung ohne CSS.

◄
Seite:  1 2 3 4 5 6 7
►

Das interessiert dich bestimmt auch

2 Antworten

  1. von Mobile Web Design » T3N Artikel &#… 07.07.2009 (13:53Uhr) 1.

    [...]  Mein Artikel in der Zeitschrift T3N vom September 2008 ist mittlerweile hier online nachlesbar: “Mobiles Surfvergnügen”, Michael Schwarz (T3N, Ausgabe 13) [...]

  2. von Wackeldackel » Blog Archive »… 07.07.2009 (14:53Uhr) 2.

    [...] Schnüffel, schnüffel [...]

Deine Meinung


(wird nicht veröffentlicht)