Es gibt momentan drei unterschiedliche XHTML-Dokumenten-Definitionen, die DTD genannt werden.
Strict: sehr streng, verzichtet auf alle abgelehnten Elemente und Attribute
Transitional: Eine großzügigere Variante, die die abgelehnten Elemente noch toleriert
Frameset: ergänzt die Möglichkeit der Programmierung mit Framesets (frameset, frame, noframe)
Grundlegende Struktur eines XHTML-Dokumentes:
<?xml version=”1.0″ encoding=”UTF-8″>
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=UTF-8″ />
<title>Dokumententitel</title>
</head>
<body></body>
</html>
Um eine korrekte XHTML-Datei zu schreiben, muss man sich an folgende Regeln halten
alle Tagnamen und -attribute müssen klein geschrieben sein
alle Tags müssen geschlossen werden, auch die bisherigen Ausnahmen wie br oder img; z.B. <br /> oder <img />
alle Attributwerte müssen in “” stehen; z.B. <td colspan=”2″>
alle Attribute müssen explizit beschrieben werden und können nicht mehr [...]
HTML beschreibt und strukturiert einzelne Elemente einer Webseite nach bestimmten Regeln.
Browser interpretieren diese Beschreibung und stellen Sie dar.
Nachteile von HTML
keine Plattform- und Softwareübergreifende Konsistenz
keine gestalterischen Feinheiten
Vorteil
überall im Netz zugänglich
Momentan wird XHTML als Weiterentwicklung von HTML in der Webprogrammierung benutzt.
» Artikel lesen und kommentieren1024 x 768: 48%
höher: 38%
800×600: 8%
640×480: 0%
ubekannt: 6 %
mobile Auflösungen: 176 x 208 / 240 x 320 / 176 x 220 / 240 x 160
aktuelle Statistiken: http://www.w3schools.com/browsers/browsers_display.asp
Mögliche Probleme und Lösungen
Layout passt sich dynamisch an die Fenstergröße an oder große leer Flächen entstehen
Scrollbalken entstehen, wenn Grafiken größer sind als das Fenster/Bildschirm
Layout sollte auf eine Größe optimiert [...]
und deren Verbreitung im November 2008:
WinXP: 72 %
Vista: 15,1 %
Mac: 5,3 %
Linux: 3,8 %
Windows 2000: 1,8 %
Windows 98: 0,1 %
aktuelle Statistik: http://www.w3schools.com/browsers/browsers_os.asp
Stand 17.12.2008
Firefox 3 (Mac und Windows)
Microsoft Internetexplorer 7 (Windows, seit 2005 nicht mehr für Mac)
Netscape 7-9 (Mac und Windows)
Opera 9 (Mac)
Camino 1 (Mac)
Mozilla
Safari 3 (Mac)
Hier kann man immer die aktuelle Benutzungsstatistik der Browser ansehen:
http://www.w3schools.com/browsers/
HTML (HyperTextMarkupLanguage)
beschreibt den Inhalt bzw. die Struktur einer Webseite. Es ist nicht dafür gedacht, zu beschreiben, wie eine Seite aussieht. Dies ist der Job von CSS (Cascading Style Sheets)
XHTML (eXtensible HyperTextMarkupLanguage)
ist eine Reformulierung von HTML, die strengeren Regeln folgt und ein paar mehr Regeln definiert als HTML. XHTML kann als Nachfolger von HTML gesehen werden [...]
Bilder immer mit 71dpi abspeichern
Illustrationen, Logos, Bilder mit flächigen Farben als .gif oder .png exportieren (Qualität wird durch Anzahl der Farben von 2-256 angegeben)
Fotorealistische Abbildungen als .jpg exportieren (Qualität wird in % angegeben, ca. Wert: 70%)
keine .psd/.tif/.bmp Dateien für die Benutzung im Web bereitstellen (zu große Datenmengen, zu lange Ladezeiten, keine Unterstützung von den Browsern)
Das Add-ons “Webdeveloper” und “Firebug” für den Browser Firefox bietet viele Hilfestellungen für die Erstellung von Webseiten. Man kann z.B.:
Bildgrössen und -pfade anzeigen lassen
CSS-Selektoren der Seitenelemente anzeigen lassen
CSS-Eigenschaften der Seitenelemente anzeigen lassen
die Fenstergrösse des Browsers auf versch. Bildschirmformate verändern
…
So könnt ihr auf Euren Accounts die kleinen Zusatzprogramme installlieren:
Firefox starten
Im Menü “Extras” den Punkt “Add-ons” auswählen
In [...]
Literatur
_ Eric Meyer on CSS, Eric Meyer
2002, Markt und Technik, ISBN-10: 073571245X
Print-Referenz
_ O’Reilly, CSS Pocket Reference, Eric Meyer (ca. 10 Euro)
Online-Tutorial mit sehr guten Templates:
_ http://intensivstation.ch
Online-Referenz mit allen Attributen und Werten:
_ http://www.css4you.de/
Cheatsheet CSS von Modular
http://www.modularmedia.com/xhtml_standards/csscheatsheet.html
Designing with Web Standards (Voices That Matter)
Jeffrey Zeldman
2006, New Riders, ISBN-10: 0321385551
HTML & XHTML kurz & gut
Jennifer Robbins Niederst
2006, O’Reilly, ISBN-10: 3897215241
HTML und XHTML. Das umfassende Handbuch
Chuck Musciano und Bill Kennedy
2007, O’Reilly, ISBN-10: 3897214946