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
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.
Beginnen wir damit, das -Element anzupassen. Da es das einzige seiner Art in unserem Dokument ist,
Weitere Kostenlose Bücher