HTML bildet das Gerüst für Websites. Man kann auch das Aussehen von Dokumenten definieren, z.B. mit dem Font-Tag. Um Layout und Inhalt möglichst zu trennen, empfielt es sich, Fonts mit CSS festzulegen. Vorteil dieser Methode ist, dass man das Layout zentral festlegen kann, statt z.B. mit Font-Tags für jeden Textabschnitt.
- 1950 Theoretische Arbeit zu Hypertext bei IBM
- SGML: Standard Generalized Markup Language (ISO Standard 8879)
SGML ist für die praktische Anwendung zu kompliziert.
Daher wurden HTML, XML und XHTML als Abkömmlinge entwickelt.
SGML und XML sind Meta-Sprachen, d.h. man kann aus ihnen andere Sprachen gestalten.
- HTML: Hyper Text Markup Language (*1989, Tim Berners-Lee, CERN Genf)
HTML basiert auf Hyper-Text. Hyper-Text bedeutet, daß in Texten Schlüsselwörter verlinkt werden.
<a href="docu2.htm#z3"> verlinkt zu docu2.htm zu dem Anker z3:<a name="z3">
HTML-Dokumente sind nicht nur Texte und Bilder, die über eine Menüstruktur angesteuert werden, sondern ein Netz von Informationen, die aufeinander in Form von Links und Ankern verweisen.
XML-Code enthält nicht unbedingt Hypertext.
- XHTML 1.0 ist eine Neuformulierung von HTML 4.01 in XML-Format.
HTML - Beispiel <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>Text des Titels</title> </head> <body> Zeile1: Überschrift<br> Zeile2<hr noshade> </body> </html> HTML-Variante ohne stilistische Tags/Attribute: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> HTML-Variante bei Einsatz von <frames> statt <body>: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd"> XHTML - Beispiel <!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"> <head> <title>Text des Titels</title> </head> <body> Zeile1: Überschrift<br/> Zeile2<hr noshade="noshade" /> </body> </html> XML - Beispiel <?xml version="1.0" encoding="UTF-8"?> <?xml-stylesheet href="style.xsl" type="text/xsl" standalone="no"?> <root> <inhalt1>Text 1: Überschrift</inhalt1> <inhalt2>Text 2</inhalt2> </root>
