XHTML

13.2 HTML/XHTML, CSS, XML

Verfasst von Hagen Graf am 31. December 2007 - 16:27

Die Abkürzungen HTML1/XHTML2, CSS3 und XML4 stehen für Internettechnologien, mit denen Joomla! arbeitet. Diese Technologien werden vom World Wide Web-Konsortium5 standardisiert.

13.2.1 HTML/XHTML

Das World Wide Web basiert auf HTML. Bei HTML handelt es sich nicht um eine Programmier-, sondern um eine Textbeschreibungssprache.

Jeder Text besteht aus Strukturen wie beispielsweise Überschriften, Aufzählungen, fett und kursiv gedruckten Bereichen, Tabellen und vielem mehr. HTML arbeitet mit so genannten Tags. Ein Tag hat einen öffnenden und einen schließenden Teil. Eine Überschrift erster Ordnung wird beispielsweise so dargestellt:

<h1>Dies ist eine Überschrift</h1>

Im Browser werden die Tags interpretiert, und entsprechend ihrer Bedeutung wird der Text dargestellt.

HTML ist sehr einfach zu erlernen. Die wohl beste Anleitung gibt es online und downloadbar unter http://de.selfhtml.org/.

HTML selbst wird nicht mehr weiterentwickelt. Der Nachfolger von HTML ist XHTML in der Version 1.06.

13.2.2 CSS

Cascading Stylesheets (CSS) sind eine Ergänzung zu HTML. Auch CSS ist keine Programmiersprache, sondern ein Vokabular zur Definition von Formateigenschaften einzelner HTML-Elemente.

Mithilfe von CSS-Befehlen können Sie beispielsweise bestimmen, dass Überschriften der ersten Ordnung eine Schriftgröße von 18 Punkt haben, in der Schriftart Arial, aber nicht fett erscheinen, und mit einem Abstand von 1,9 Zentimetern zum darauf folgenden Absatz versehen werden.

Angaben dieser Art sind mit reinem HTML nicht möglich und waren bei der Entwicklung von HTML auch nicht nötig. Mit der fortschreitenden Kommerzialisierung des Internets werden weitergehende Formatierungsmöglichkeiten allerdings immer wichtiger.

CSS-Angaben können auf drei Arten in HTML eingebunden werden.

Zentral für eine HTML-Datei

Hier werden die CSS-Befehle innerhalb des Kopfes der HTML-Datei definiert.

<head>
<title>Titel der Datei</title>
<style type="text/css">
<!--
/* ... Hier werden die CSS-Befehle definiert ... */
-->
</style>
</head>

In einer separaten CSS-Datei

Wenn die CSS-Befehle für mehrere HTML-Dateien gelten sollen, bietet es sich an, die CSS-Befehle in eine extra Datei auszulagern und den Pfad zu dieser Datei im HTML-Kopf anzugeben. Diese Variante wird von Joomla! benutzt.

<head>
<title>Titel der Datei</title>
<link rel="stylesheet" type="text/css" href="formate.css">
</head>

Innerhalb eines HTML-Tags

Innerhalb eines HTML-Tags können ebenfalls CSS-Befehle eingebunden werden.

<body>
<h1 style="… CSS-Befehle ...">...</h1>
</body>

Kombinationen

Die drei Möglichkeiten können in einer HTML-Datei problemlos kombiniert werden. Es ist beispielsweise möglich, in einer zentralen Datei definierte CSS-Befehle, die für alle Seiten gelten, im weiteren Quellcode einer HTML-Seite zu überschreiben. Da diese Art der Benutzung jedoch schnell in unübersichtlichen Strukturen endet, sollten Sie lieber die zentrale Datei anpassen.

13.2.3 XML

Die Extended Markup Language ist ein Universum für sich. Sie stellt eine Metasprache dar und ist selbst vom älteren, in den sechziger Jahren entwickelten und erheblich komplexeren SGML (Standard Generalized Markup Language) abgeleitet. XML wird oft für Konfigurationsdateien und als Austauschformat benutzt. Für unsere Zwecke benötigen Sie XML als Beschreibungssprache für die Metadaten des Templates, das Sie erstellen wollen. Diese Metadaten sind in erster Linie für den Template Installer und die Anzeige im Template Manager wichtig.

Prinzipiell bestehen diese Daten wieder aus öffnenden und schließenden Tags, beispielsweise:

<name>Joomla! Buch</name>

Der Unterschied zu HTML liegt darin, dass in XML keine Tags vordefiniert werden. Man ist also völlig frei in der Gestaltung der Strukturen und der Benennung der Tags.

  • 1 Hyper Text Markup Language
  • 2 Extended Hyper Text Markup Language
  • 3 Cascading Stylesheets
  • 4 Extended Markup Language
  • 6 Dennoch werden Sie vielleicht irgendwann einmal auf »HTML 5« stoßen – hierbei handelt es sich aber nicht um einen neuen Standard des W3C, sondern um eine Initiative der Web Hypertext Application Technology Working Group (WHATWG), siehe auch http://www.whatwg.org/.
»
Inhalt abgleichen