bemerkenswert? Nun, weil Sie eine derart ausgewachsene XHTML-Datei genau genommen gar nicht brauchen. Wie Sie im Einführungskapitel lesen konnten, ist einer der wesentlichen Vorteile der Standardkonformität von XHTML, eine einheitliche Darstellung von Inhalten in verschiedenen Browsern auf unterschiedlichen Betriebssystemen zu gewährleisten. Innerhalb einer AIR-Anwendung wird HTML-Inhalt jedoch stets mithilfe der WebKit-Engine dargestellt. Also würde es im Prinzip ausreichen, wenn Sie »altes HTML« statt standardkonformen XHTMLs verwendeten und beispielsweise auf Dokumenttypdeklaration und XML-Namespace verzichteten – und mit einem -Tag ohne Attribute begännen.
WebKit behandelt genau wie andere Browser HTML tolerant, indem es versucht, unklares oder nach zeitgemäßen Standards fehlerhaftes HTML so darzustellen, dass es einen Sinn ergibt. Diejenigen, die die Verwendung von »altem HTML« befürworten, begründen dies oft damit, dass man so »überflüssige« Zeichen einspare, die wegen der ausschließlichen Darstellung der Seite innerhalb der WebKit-Engine ohnehin nicht sichtbar seien.
In diesem Buch werden wir bei allen HTML-Inhalten ausschließlich standardkonformes XHTML verwenden, und das aus zwei Gründen: Erstens ist HTML als solches veraltet, und es erscheint mir nicht angemessen, in einem aktuellen Buch veraltete Technologie zu verwenden. Zweitens empfinde ich es als bequemer, wenn ich mir beim Erstellen von (X)HTML-Inhalten nicht immer erst Gedanken machen muss, welche Art von HTML ich denn jetzt brauche, sondern grundsätzlich XHTML-Inhalt erstelle, den ich sowohl innerhalb von AIR als auch im Web verwenden kann. Das erspart mir zusätzlich unter Umständen Ärger, wenn ich Inhalte einer AIR-Anwendung einer dazu passenden Website angleichen möchte. Sie werden sich hierzu sicher im Laufe der Zeit Ihre eigene Meinung bilden und es so handhaben, wie es für Sie am besten passt – ob Sie nun Verfechter/-in standardkonformen Codes oder möglichst wenig zu schreibender Buchstaben sind.
4.1.4 Strukturierte Inhalte
Fügen Sie jetzt ein
-Element in das -Tag ein, und geben Sie darin die gewünschten Kontaktdaten ein. Für strukturierte Daten wie Kontaktdaten bieten sich Tabellen oder Definitionslisten an. Wenn Sie die Daten eingegeben haben, sollte Ihre HTML-Datei in etwa so aussehen (die Daten des Beispiels sind frei aus der Luft gegriffen):
Herwarth Mustermann — Digitale Visitenkarte / AIR mit HTML Herwarth Mustermann
Example & Co. Europe HQ
- Adresse:
- Hauptstraße 31
12345 Testlingen
- E-Mail
- [email protected]
- Telefon
- +49 (6543) 1200-98
- Fax
- +49 (6543) 1200-99
Listing 4.3 HTML-Struktur der digitalen Visitenkarte
Fügen wir nun das Bild hinzu. Da ich Herrn Herwarth Mustermann nicht kenne, werde ich der Einfachheit halber ein leicht modifiziertes Foto von mir selbst nehmen.
Wir fügen das Bild mithilfe eines
![]()
-Tags innerhalb des
-Elements am Ende ein. Wenn Sie diese Datei in Ihrem normalen Webbrowser aufrufen, sollte sie etwa so aussehen wie in Abbildung 4.2.
Abbildung 4.2 Die XHTML-Struktur im Webbrowser
Das sieht noch nicht wirklich spektakulär aus. Kein Wunder: XHTML dient ja auch lediglich dazu, den Inhalt zu strukturieren, für die Gestaltung werden wir jetzt ein paar einfache CSS-Regeln einfügen.
4.1.5 Gestaltung mit CSS-Regeln
Beginnen wir damit, dass wir in den Seitenkopf ( -Tag) ein Stylesheet einfügen. Da wir nur eine einzige XHTML-Seite für unsere digitale Visitenkarte verwenden, verzichten wir auf die Auslagerung der CSS-Regeln in eine externe Stylesheet-Datei. Geben Sie also unterhalb des
-Tags unserer XHTMLSeite ein <style >-Tag ein, und versehen Sie es mit dem Wert text/css für das Attribut type :<br /> <style type="text/css"></style><br /> Ihnen ist vielleicht aufgefallen, dass in der XHTML-Datei gar keine Klassen- oder ID-Attribute vorkommen. Das liegt daran, dass wir alle Elemente anhand der Hierarchiestruktur des Dokuments eindeutig lokalisieren können.<br /> Beginnen wir damit, das <div> -Element anzupassen. Da es das einzige seiner Art in unserem Dokument ist,
</div>
<div>
<ul class="pgn" role="navigation">
<li>
<a href="/kostenlose-adobe-air-wiwobookscom-release/lesen/41" rel="prev" aria-label="« Vorherige">«</a>
</li>
<li><a href="/kostenlose-adobe-air-wiwobookscom-release">1</a></li>
<li><a href="/kostenlose-adobe-air-wiwobookscom-release/lesen/2">2</a></li>
<li class="dis" aria-disabled="true"><span>...</span></li>
<li><a href="/kostenlose-adobe-air-wiwobookscom-release/lesen/39">39</a></li>
<li><a href="/kostenlose-adobe-air-wiwobookscom-release/lesen/40">40</a></li>
<li><a href="/kostenlose-adobe-air-wiwobookscom-release/lesen/41">41</a></li>
<li class="act" aria-current="page"><span>42</span></li>
<li><a href="/kostenlose-adobe-air-wiwobookscom-release/lesen/43">43</a></li>
<li><a href="/kostenlose-adobe-air-wiwobookscom-release/lesen/44">44</a></li>
<li><a href="/kostenlose-adobe-air-wiwobookscom-release/lesen/45">45</a></li>
<li class="dis" aria-disabled="true"><span>...</span></li>
<li><a href="/kostenlose-adobe-air-wiwobookscom-release/lesen/142">142</a></li>
<li><a href="/kostenlose-adobe-air-wiwobookscom-release/lesen/143">143</a></li>
<li>
<a href="/kostenlose-adobe-air-wiwobookscom-release/lesen/43" rel="next" aria-label="Nächster »">»</a>
</li>
</ul>
</div>
<div class="otr">
<h2>Weitere Kostenlose Bücher</h2>
<div class="itm itma">
<a href="/kostenlose-suendiges-abenteuer-roman-german-edition" title="Sündiges Abenteuer: Roman (German Edition)">
<img class="lz" data-src="/covers/03/32/65/cover.jpg" alt="Sündiges Abenteuer: Roman (German Edition)" />
</a>
<div class="itm-info">
<a href="/kostenlose-suendiges-abenteuer-roman-german-edition" title="Sündiges Abenteuer: Roman (German Edition)">
Sündiges Abenteuer: Roman (German Edition) Online Lesen
</a>
von
<a href="/autor-dodd-christina-online-lesen-downloaden-kostenlos" title="Christina Dodd">Christina Dodd</a>
<div class="rkl-b">
<a href="/kostenlose-suendiges-abenteuer-roman-german-edition" title="Sündiges Abenteuer: Roman (German Edition)">
<img src="/i/de/rlesen.png" />
</a>
</div>
</div>
</div>
<div class="itm itma">
<a href="/kostenlose-das-schweigen-des-lemming" title="Das Schweigen des Lemming">
<img class="lz" data-src="/covers/60/59/cover.jpg" alt="Das Schweigen des Lemming" />
</a>
<div class="itm-info">
<a href="/kostenlose-das-schweigen-des-lemming" title="Das Schweigen des Lemming">
Das Schweigen des Lemming Online Lesen
</a>
von
<a href="/autor-slupetzky-stefan-online-lesen-downloaden-kostenlos" title="Stefan Slupetzky">Stefan Slupetzky</a>
<div class="rkl-b">
<a href="/kostenlose-das-schweigen-des-lemming" title="Das Schweigen des Lemming">
<img src="/i/de/rlesen.png" />
</a>
</div>
</div>
</div>
<div class="itm itma">
<a href="/kostenlose-eine-insel" title="Eine Insel">
<img class="lz" data-src="/covers/02/63/13/cover.jpg" alt="Eine Insel" />
</a>
<div class="itm-info">
<a href="/kostenlose-eine-insel" title="Eine Insel">
Eine Insel Online Lesen
</a>
von
<a href="/autor-terry-pratchett-online-lesen-downloaden-kostenlos" title="Terry Pratchett">Terry Pratchett</a>
<div class="rkl-b">
<a href="/kostenlose-eine-insel" title="Eine Insel">
<img src="/i/de/rlesen.png" />
</a>
</div>
</div>
</div>
<div class="itm itma">
<a href="/kostenlose-heute-bedeckt-und-kuehl-grosse-tagebuecher-von-samuel-pepys-bis-virginia-woolf" title="Heute bedeckt und kühl - große Tagebücher von Samuel Pepys bis Virginia Woolf">
<img class="lz" data-src="/covers/04/30/30/cover.jpg" alt="Heute bedeckt und kühl - große Tagebücher von Samuel Pepys bis Virginia Woolf" />
</a>
<div class="itm-info">
<a href="/kostenlose-heute-bedeckt-und-kuehl-grosse-tagebuecher-von-samuel-pepys-bis-virginia-woolf" title="Heute bedeckt und kühl - große Tagebücher von Samuel Pepys bis Virginia Woolf">
Heute bedeckt und kühl - große Tagebücher von Samuel Pepys bis Virginia Woolf Online Lesen
</a>
von
<a href="/autor-chbeck-online-lesen-downloaden-kostenlos" title="C.H.Beck">C.H.Beck</a>
<div class="rkl-b">
<a href="/kostenlose-heute-bedeckt-und-kuehl-grosse-tagebuecher-von-samuel-pepys-bis-virginia-woolf" title="Heute bedeckt und kühl - große Tagebücher von Samuel Pepys bis Virginia Woolf">
<img src="/i/de/rlesen.png" />
</a>
</div>
</div>
</div>
<div class="itm itma">
<a href="/kostenlose-darth-bane-03-dynastie-des-boesen" title="Darth Bane 03 - Dynastie des Bösen">
<img class="lz" data-src="/covers/59/58/cover.jpg" alt="Darth Bane 03 - Dynastie des Bösen" />
</a>
<div class="itm-info">
<a href="/kostenlose-darth-bane-03-dynastie-des-boesen" title="Darth Bane 03 - Dynastie des Bösen">
Darth Bane 03 - Dynastie des Bösen Online Lesen
</a>
von
<a href="/autor-drew-karpyshyn-online-lesen-downloaden-kostenlos" title="Drew Karpyshyn">Drew Karpyshyn</a>
<div class="rkl-b">
<a href="/kostenlose-darth-bane-03-dynastie-des-boesen" title="Darth Bane 03 - Dynastie des Bösen">
<img src="/i/de/rlesen.png" />
</a>
</div>
</div>
</div>
<div class="itm itma">
<a href="/kostenlose-nathaniels-seele" title="Nathaniels Seele">
<img class="lz" data-src="/i/de/debookcover.png" alt="Nathaniels Seele" />
</a>
<div class="itm-info">
<a href="/kostenlose-nathaniels-seele" title="Nathaniels Seele">
Nathaniels Seele Online Lesen
</a>
von
<a href="/autor-strauss-britta-online-lesen-downloaden-kostenlos" title="Britta Strauß">Britta Strauß</a>
<div class="rkl-b">
<a href="/kostenlose-nathaniels-seele" title="Nathaniels Seele">
<img src="/i/de/rlesen.png" />
</a>
</div>
</div>
</div>
<div class="itm itma">
<a href="/kostenlose-0122-nachts-wenn-der-todesbote-kommt" title="0122 - Nachts, wenn der Todesbote kommt ...">
<img class="lz" data-src="/covers/04/13/95/cover.jpg" alt="0122 - Nachts, wenn der Todesbote kommt ..." />
</a>
<div class="itm-info">
<a href="/kostenlose-0122-nachts-wenn-der-todesbote-kommt" title="0122 - Nachts, wenn der Todesbote kommt ...">
0122 - Nachts, wenn der Todesbote kommt ... Online Lesen
</a>
von
<a href="/autor-hans-wolf-sommer-online-lesen-downloaden-kostenlos" title="Hans Wolf Sommer">Hans Wolf Sommer</a>
<div class="rkl-b">
<a href="/kostenlose-0122-nachts-wenn-der-todesbote-kommt" title="0122 - Nachts, wenn der Todesbote kommt ...">
<img src="/i/de/rlesen.png" />
</a>
</div>
</div>
</div>
<div class="itm itma">
<a href="/kostenlose-die-chronik-der-drachenlanze-3-4" title="Die Chronik der Drachenlanze 3 + 4">
<img class="lz" data-src="/covers/18/42/cover.jpg" alt="Die Chronik der Drachenlanze 3 + 4" />
</a>
<div class="itm-info">
<a href="/kostenlose-die-chronik-der-drachenlanze-3-4" title="Die Chronik der Drachenlanze 3 + 4">
Die Chronik der Drachenlanze 3 + 4 Online Lesen
</a>
von
<a href="/autor-weis-margaret-hickman-tracy-online-lesen-downloaden-kostenlos" title="Tracy Margaret; Hickman Weis">Tracy Margaret; Hickman Weis</a>
<div class="rkl-b">
<a href="/kostenlose-die-chronik-der-drachenlanze-3-4" title="Die Chronik der Drachenlanze 3 + 4">
<img src="/i/de/rlesen.png" />
</a>
</div>
</div>
</div>
</div>
</div>
<footer>
<div class="inn">
<div class="lf">
© Kostenlos Online Lesen 2025 support@kostenlosonlinelesen.net </div>
<div class="rg">
<!-- Begin Web-Stat code v 6.3 -->
<span id="wts1866490"> </span><script>
var wts=document.createElement('script');wts.type='text/javascript';
wts.async=true;wts.src='https://wts.one/3/1866490/log6_2.js';
document.getElementById('wts1866490').appendChild(wts);
</script><noscript><a href="https://www.web-stat.com">
<img src="https://wts.one/6/3/1866490.gif"
alt="Web-Stat traffic analytics"></a></noscript>
<!-- End Web-Stat code v 6.3 -->
<!-- Yandex.Metrika counter -->
<script type="text/javascript" >
(function(m,e,t,r,i,k,a){m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)};
m[i].l=1*new Date();k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a)})
(window, document, "script", "https://mc.yandex.ru/metrika/tag.js", "ym");
ym(53412301, "init", {
clickmap:true,
trackLinks:true,
accurateTrackBounce:true,
webvisor:true
});
</script>
<noscript><div><img src="https://mc.yandex.ru/watch/53412301" style="position:absolute; left:-9999px;" alt="" /></div></noscript>
<!-- /Yandex.Metrika counter -->
</div>
</div>
</footer>
<script src="/js/de/detail.js?1570711139"></script>
</body>
</html>
Kostenlos Online Lesen 