HTML and CSS Reference
In-Depth Information
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="viewport" content="width=device-width, initial-scale=1,
maximum-scale=1">
<link rel="apple-touch-icon-precomposed" href="bilder/icon-ipad.png" sizes=
"72x72" />
<link rel="apple-touch-icon-precomposed" href="bilder/icon-iphone-
retina.png" sizes="114x114" />
<link rel="apple-touch-icon-precomposed" href="bilder/icon-ipad-retina.png"
sizes="144x144" />
<link rel="apple-touch-icon-precomposed" href="bilder/icon-iphone.png" />
<!-- Weitere Stile -->
<link rel="stylesheet" href="styles/styles.css" />
</head>
<body>
</body>
</html>
Listing 8.1
Das bereits bekannte HTML-Grundgerüst mit Icon und Stildefinitionen
Neu ist für Sie lediglich die Einbindung von jQuery Mobile. Die anderen Parameter
kennen Sie bereits aus früheren Kapiteln. Da die Website nicht offline verfügbar sein
muss, binden Sie die jQuery-Mobile-Komponenten direkt von den jQuery-Servern
ein.
Versionen
Für dieses Beispiel setzen Sie jQuery Mobile in der Version 1.1.0-rc1 ein. Je nach Wei-
terentwicklung steht eventuell schon eine neue Version zur Verfügung. Die aktuel-
len Adressen finden Sie auf
http://jquerymobile.com/download/
.
Zunächst laden Sie das jQuery-Mobile-CSS:
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.0-rc.1/
jquery.mobile-1.1.0-rc.1.min.css" />
Als Nächstes folgt die Einbindung von jQuery (welches Sie wahrscheinlich auch in
jedes andere Projekt eingebunden hätten):
<script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
Search WWH ::
Custom Search