====== HTML und CSS ====== ===== (X)HTML - Beschreibung und Struktur ===== ==== Was ist eine Markup-Sprache? ==== Während eine Programmiersprache (wie JavaScript), einfach ausgedrückt, Abläufe und Vorgänge beschreibt, dient eine Auszeichnungssprache dazu, die Struktur von in Textform vorliegender Information in einer semantischen Form zu formulieren . Hierfür wird ein Informationsblock in Marken eingeschlossen, die dessen Aufgabe oder Bedeutung benennen und gleichzeitig seinen Anfang und sein Ende bestimmen. Diese Marken werden als Tags bezeichnet; man unterescheidet einen Start- und einen End-Tag. Die gesamte Struktur aus Inhalt sowie Start- und Endmarke wird als Element bezeichnet: ''Eine Information'' ==== Grammatik und Dokumenttyp ==== Die Bezeichner der Elemente einer Markup-Sprache, sprich die Tag-Namen, ergeben sich aus der zu beschreibenden Informationsstruktur. Ihre möglichen Ausprägungen bestimmen damit den Sprachumfang der Markup-Sprache, der im Allgemeinen in einer Grammatik festgelegt wird. Hiervon existieren im Falle von HTML und XHTML (historisch bedingt) mehrere gleichzeitig gebräuchliche Varianten (u.a. ''HTML 4 transitional.strict'' und ''frameset'', ''XHTML 1.0 transitional strict'' und ''frameset''). Eine an die aktuellen Anforderungen angepasste Grammatik ist in Gestalt von HTML 5.0 in Vorbereitung. Der Sprachumfang von HTML5 ist noch um einiges größer als der von HTML 4, um mehr Möglichkeiten der semantischen Abbildung einer Informationsstruktur zu bieten. ==== HTML vs. XHTML ==== HTML und XHTML haben dieselbe Aufgabe und gleichen sich daher in vielen Belangen. Hierzu gehören die Anzahl und die Bezeichnung der Elemente und Attribute und deren Verwendung. Da beide Sprachen unterschiedlicher Herkunft sind [HTML basiert auf SGML, XHTML hingegen auf XML), gibt es prinzipbedingt zwischen beiden Sprachen einige Unterschiede. Diese sind in der folgenden Tabelle kurz zusammengefasst. {{:inf:web:jq-at1.jpg|}}\\ Zusammenfassung der Unterschiede zwischen HTML und XHTML Die Regeln dieser Grammatiken liegen als Doctype Definition (DTD) vor, praktisch der Duden des Webdesigners (den Sie allerdings nur selten konsultieren müssen). Welche Grammatik für ein Dokument speziell gelten soll, kann an dessen Anfang bekannt gegeben werden - dies geschieht im Rahmen einer Doctype-Deklaration. Gemäß dieser Grammatik kann das Dokument anschließend validiert (auf Konformität geprüft) werden. Eine solche Dociype-Deklaration brauch] für HTML-Dokumente nicht unbedingt zu erfolgen; für XHTML-Dokumente ist sie allerdings vorgeschrieben. Hier ein Beispiel für XHTML 1.Q transitional'. Wenn Ihnen das übermäßig komplex vorkommt, lassen Sie sich dadurch trösten, dass die meisten aktuellen Editoren Ihnen die Arbeit, diesen Prolog zu schreiben, abnehmen werden. Ansonsten verwenden Sie HTML5, wo die Doctypc-Deklara-tion stark vereinfacht einfach lautet. **Spezifikationen zu HTML und XHTML** Die Spezifikationen zu HTML, XHTML und auch zu deren designiertem Nachfolger HTML5 finden Sie beim W3C: * HTML 4.01: http://www.w3.org/TR/html401/ * XHTML 1.0: http://www.w3.org/TR/html/ * HTML 5.0: http://www.w3.org/TR/html5/ \\ \\