2 inhalt 1. was ist xhtml? 2. bedingungen für xhtml-konforme dokumente 3. unterschiede zu html 4.0...

2

Inhalt

1. Was ist XHTML? 2. Bedingungen für XHTML-konforme Dokumente3. Unterschiede zu HTML 4.04. Warum XHTML?5. XHTML Basic6. XHTML 1.17. Browserverhalten8. HTML-Tidy

3

Was ist XHTML?

• Extensible HyperText Markup Language • Neuformulierung von HTML 4 in XML 1.0• HTML=HyperText Markup Language

– “Standard-Veröffentlichungssprache“ des World Wide Web• XML= Extensible Markup Language

– Metasprache zur Erstellung von Dokumenten – Stärken & Flexibilität von SGML jedoch ohne ihre Komplexität

• Sprachgrundlage ist XML• Es wurden 3 Unterformate von XHTML erstellt (Transitional, Strict &

Frameset)• Modularisierung

4

Was ist XHTML? > Modularisierung

• Zusammengehörige Elemente in XHTML 1.1 werden in so genannten Modulen zusammengefasst

• Man kann eigene XHTML-Dokumenttypen zusammenstellen

• SMIL = Synchronized Multimedia Integration Language (Multimedia),

• SVG = Scalable Vector Graphics (Vektorgrafik)• MathML = Mathematical Markup Language

(mathematischer Formelsatz)

5

Bedingungen für XHTML-konforme Dokumente

• Sie müssen entsprechend einer XHTML DTD gültige XML

Dokumente sein• Das Root-Element muss <html> sein• Das Root-Element muss einen gültigen XHTML Namensraum bestimmen, der ein gültiger XML Namensraum sein muss• Es muss eine XML DOCTYPE Deklaration vor dem Root-Element vorhanden sein.• Die Internet Medien Typen (Mime Types) dürfen text/html, text/xml oder application/xml sein.

6

Unterschiede zwischen HTML4.0 & XHTML 1/4

XHTML Dokumente müssen well-formed sein, d.h. gültige Schachtelungsstruktur haben.

<p>Paragraph <em>Hervorhebung</em></p>statt<p>Paragraph <em>Hervorhebung</p></em>

Element- und Attribut-Namen müssen in Kleinbuchstaben geschrieben sein.

<li> statt <LI>

7


End-Tags müssen immer vorhanden sein (falls nicht per XML das Element als EMPTY deklariert wurde).

<p>Paragraph</p> <p> weiterer Paragraph</p> Statt<p>Paragraph <p> weiterer Paragraph

Bei leeren Elementen ohne End-Tag muss das Start-Tag mit "/>" beendet werden.

<br />

Attributwerte müssen in Anführungszeichen eingeschlossen werden. Auch bei Zahlenwerten.

<img ... width="300" />statt<img ... width=300 />

8


Attributwerte müssen immer angegeben werden.

<dl compact="compact" >statt<dl compact >

In Attributwerten wird Whitespace auf jeweils ein Blank verkürzt, bzw. am Beginn und Ende von Zeichenketten abgeschnitten.

alt=„ Beschreibung eines Bildes “ wird zualt="Beschreibung eines Bildes"

9


Script-Texte müssen als CDATA markiert werden, falls sie < oder & enthalten.

<script> <![CDATA[ ... Inhalt des Scripts ]]></script>

SGML Ausschluss-Definitionen sind nur informell festgelegt.z.B. das a-Element darf kein weiteres a-Element enthalten. Das name Attribut von HTML muss als XML id Attribut angegeben werden.

<a name="section1" id="section1" ... >

10

Beispiel

Ein Webbrowser akzeptiert folgendes HTML-Dokument:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN““http://www.w3.org/TR/html4/strict.dtd">

<head><title>Beispiel</title><h1>Beispielseite</h1><p>Ein Absatz<P>Noch ein<br>Absatz<ol> <li>Listelement <li>Listelement</ol><p><img src=bild.gif alt="Bildmotiv">

11

<?xml version="1.0" encoding="iso-8859-1"?> (optinal aber empfohlen)<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN“ "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml" lang="de" xml:lang="de">

<head> <title>Beispiel</title> </head> <body> <h1>Beispielseite</h1> <p>Ein Absatz</p> <p>Noch ein<br /> Absatz </p> <ol> <li>Listelement</li><li>Listelement</li></ol> <p> <img src="bild.gif" alt="Bildmotiv" /></p> </body></html>

12

Warum XHTML/Vorteile:

• XHTML Dokumente können so geschrieben werden, dass sie genauso gut oder besser in bestehenden HTML 4 Browsern funktionieren wie in neuen, XHTML 1.0 Browsern

• Dokumente können mit XML Tools bearbeitet werden• Einheitlichkeit der Dokumente• Nutzen von Anwendungen aus HTML oder XML

Dokumentobjektmodell • Modularisierung Erweiterungen leicht einführbar

Benutzeragenten-Interoperabilität (Handy, PDA‘s)

• Weniger Aufwand für Browser (= leichter zu parsen)• Möglichkeit eines Debuggers Fehler leichter zu finden

13

XHTML Basic > Übersicht

• Zur Darstellung von XHTML werden aufwendige Anwendungen benötigt schnelle CPU‘s, viel RAM usw. Geräte mit begrenzten Kapazitäten geraten in Nachteil

• XHTML bietet dafür eine Lösung Ermöglicht weitflächige Verbreitung und vielseitiger Zugang zu

Informationen

• XHTML Basic = Untergruppe von XHTML, bietet nur das Minimum an benötigten Elementen und Attributen

• Entstand nach Erfindung von mobilen internetfähigen Geräten

14

XHTML Basic > Kennzeichen/Voraussetzungen

• Dokument darf nur Elemente der XHTML Basic DTD verwenden

• Haupt-Element muss das html-Element sein

• Standard-Namespace des Haupt-Elements muss der von XHTML sein

• DOCTYPE-Beschreibung mit Verweis auf die XHTML Basic DTD

• Weitere DTD‘s dürfen keine Eigenschaften der Basic DTD überschreiben/ersetzten

15

XHTML Basic > Struktur

1: <?xml version="1.0"?> //XML Deklaration

2: <!DOCTYPE html PUBLIC

3: "-//W3C//DTD XHTML Basic 1.0//EN„ // DOCTYPE-

4: "http://www.w3.org/TR/xhtml-basic/xhtml-basic10.dtd"> // Beschreibung

5: <html xmlns = "http://www.w3.org/1999/xhtml"> // Namespace

6: <head> … </head>

7: <body> … </body>

8: </html>

16

XHTML Basic > Einschränkungen 1/2

• Formulare: Nur Grundstamm von Forumlarelementen (form, input (text, password, checkbox, radio, submit, reset, hidden), label, select, option und textarea)

• Gestaltung und Rahmen:Einige Text-Elemente werden nicht unterstützt ( u.a. b, i, u, bdo, del, ins, big, small, sub und sup sowie tt)

Rahmen werden nicht unterstützt

• Skripte und Events:

Werden nicht unterstützt, da Rechenleistung zu gering

• StyleSheets:

Sollten nur extern eingebunden werden

17

XHTML Basic > Einschränkungen 2/2

• Tabellen:Nur “einfache“ (unverschachtelte) Tabellen mit folgenden Elementen werden unterstützt table, tr, th, td und caption

• Frames:

Werden nicht unterstützt

18

Kurzes Beispiel zu XHTML Basic

19

XHTML 1.1 1/2

Die aktuelle Version XHTML 1.1 trennt sich von einigen Altlasten, die in XHTML 1.0 noch vorhanden (aber nun ausschließlich durch CSS oder client-spezifisches Verhalten geregelt werden) und bedient sich ausschließlich der XML. Das bedeutet, das diese Elemente in XHTML (z. B. XHTML Frames) völlig fehlen.

Der Sprachumfang entspricht weitestgehend XHTML 1.0 Strict (Transitional und Frameset werden vernachlässigt). XHTML 1.1 ist nicht mit Blick auf die Kompatibilität zu HTML-Browsern angelegt und soll als Basis für zukünftige, erweiterte Dokumenttypen der XHTML- Familie dienen.

20

XHTML 1.1 2/2

Somit ist XHMTL 1.1 der erste Dokumenttyp, der allein auf Module aufsetzt. Es wurde entworfen, um auf ein breites Spektrum von Geräten übertragbar und um auf den Großteil des Internetinhalts anwendbar zu sein. Autoren, die ihren Inhalt auf den in dieser Spezifikation formulierten Funktionsumfang stützen, können sicher sein, dass er auf alle zur XHTML-Familie konformen Benutzer-programme übertragbar ist.

21

Browserverhalten

• MIME-Typ: Angabe des Formats der genutzten Daten bestimmt Art der Verarbeitung

• Angabe besteht aus Medientyp + Subtyp (Medientyp/Subtyp)z.B. image/jpeg oder text/html

• Für XHTML-Dateien können insgesamt 3 verschiedene Typen verwendet werden (text/html, application/xml oder application/xhtml+xml)

• Browser muss Typ verarbeiten können• application/xhtml+xml und -/xml werden mit XML-Parser

bearbeitet• XHTML Dokumente können als text/html von HTML 4.0 Browsern

verwendet werden (HTML-Parser)

22

Browserverhalten

(Quelle: http://www.w3.org/People/mimasa/test/xhtml/media-types/results)

Browser Plattform text/html application/xhtml+xml application/xml

Microsoft Internet Explorer 6.0SP2

Windows XP SP2

recognized as HTML

not supported fehlerhaft

Mozilla Firefox 0.8

Windows XP, MacOS X (v10.2.8)

recognized as HTML

recognized as XHTML recognized as XHTML

Netscape 7.2 Windows XP, MacOS X (v10.2.6)

recognized as HTML

recognized as XHTML recognized as XHTML

23

HTML-Tidy

• Anwendung, die hilft ungültige HTML-Tags zu erkennen und zu beheben

• Findet fehlende oder ungeschlossene Tags und fügt fehlende Tags oder Zitate ein

• Wurde von W3C entwickelt (offizielles Tool), später Sourceforge-Projekt

• Unterstützung von XML, ASP, PHP• Konvertierung von HTML nach XHTML

• http://infohound.net/tidy/

24

Verwendung

Fehlerhafte oder falsche HTML wird zu richtiger XHTML umgewandelt. Aus diesem Grund ist HTML Tidy ein sehr hilfreiches Tool zum Aufspüren und Ausmerzen von Fehlern im Quellcode.

→optimal für jeden, der HTML in XHTML konvertieren will, oder einfach nur seinen Quellcode auf Fehler überprüfen möchte

25

<head><title>Beispiel</title><h1>Beispielseite</h1><p>Ein Absatz<P>Noch ein<br>Absatz<ol> <li>Listelement <li>Listelement</ol><p><img src=bild.gif alt="Bildmotiv">

Beispiel zu HTML Tidy:

26

Quellen:

- http://de.wikipedia.org- http://www.websitedev.de- http://jendryschik.de- http://www.schumacher-netz.de- http://de.selfhtml.org- http://w3c.org

http://de.wikipedia.org/

http://www.websitedev.de/

http://jendryschik.de/

http://www.schumacher-netz.de/

http://de.selfhtml.org/

http://w3c.org/

2 inhalt 1. was ist xhtml? 2. bedingungen für xhtml-konforme dokumente 3. unterschiede zu html 4.0...

Documents