HTML
▼
Alle HTML-Elemente und -Attribute, die Formatierung zum Inhalt haben, laufen aus
und werden durch CSS ersetzt. Aus der nächsten Version HTML 5 sind
die meisten dieser überflüssigen Elemente bereits entfernt.
▼
In 'Alt'-HTML sind zahlreiche derartige Elemente historisch entstanden. Sie sind
meist sehr speziell und lassen sich oft nur in bestimmtem Zusammenhang verwenden.
▼
Darüber hinaus besteht heute ein Bedarf an vielen zusätzlichen Optionen
für Format und Layout, den die alten HTML-Elemente nicht decken können.
▲
Durch den Wegfall der auslaufenden Elemente wird HTML einfacher und
übersichtlicher.
|
CSS
▲
CSS-Eigenschaften sind wesentlich allgemeiner und lassen sich auf (fast) alle
HTML-Elemente anwenden.
▲
CSS ermöglicht die Zusammenfassung beliebig vieler Format-Eigenschaften zu
Klassen, ähnlich den Absatzformaten in der Textverarbeitung.
▲
Die Reichweite von CSS ist nicht auf einzelne Elemente beschränkt,
sondern kann auf Webseiten und sogar auf ganze Webs ausgedehnt werden.
▲
Durch die zentrale Steuerung aller Format- und Layout-Regeln sind Webs rasch und
einfach zu ändeern.
▲
CSS bietet zahlreiche zusätzliche Optionen für die Gestaltung von Webseiten.
▲
CSS kann man nicht nur für →
HTML, sondern für die gesamte
→ XML-Familie einsetzen.
|
Auslaufende HTML-Elemente:
Alle HTML-Elemente, die Formatierung zum Inhalt haben, laufen aus und
werden durch CSS ersetzt, z.B.:
<b>fett</b>,
<i>kursiv</i>,
<u>unterstrichen</u>,
<basefont>, <font>
Schrift, Farbe, Grösse, Hintergrund </font>,
<center> zentriert </center>
<blockquote> Einzug </blockquote>
Neue HTML-Elemente
In der nächsten Version
HTML 5 werden u.a. diese neuen Elemente definiert:
<article>, <aside>, <details>, <summary>,
<figcaption>, <footer>, <header>, <hgroup>,
<mark>, <nav>, <section>, ...
Über den Nutzen dieser Elemente kann man geteilter Meinung sein, da man sie
vermutlich ebenfalls nicht braucht.
|
Auslaufende Attribute:
align, background, bgcolor, border, bordercolor, color, face, leftmargin,
marginheight, marginwidth, rightmargin, size, topmargin, ...
z.B. werden diese Elemente vollständig durch CSS ersetzt:
<font size="4" color="blue">...</font>
Neue Attribute: class
und style .
|
<table width="100%">
<tr>
<td bgcolor="#00FF00">
<center>
<font size="4" color="#0000FF">
<b>
Um dieses Beispiel in veraltetem HTML zu erstellen, sind zahlreiche Elemente
notwendig. Das Attribut ' bgcolor' lässt
sich nur auf wenige Elemente anwenden, daher muss eine ganze unsichtbare Tabelle
zusätzlich erzeugt werden.
|
<div style="background-color:#0F0;
text-align:center;
font-size:14pt;
color:#00F;
font-weight:bold;">
Beispiel neu
</div>
Das gleiche Beispiel, einfacher und übersichtlicher mit CSS formatiert.
Darüber hinaus stehen in CSS wesentlich mehr
Gestaltungs-Möglichkeiten zur Verfügung, als HTML je geboten hat.
|
Heutige HTML-Editoren verstehen sowohl alte HTML-Elemente und -Attribute als auch CSS.
▲
Gute Programme erlauben das Umschalten der Arbeitstechnik.
Im "Eigenschaften"-Fenster von Dreamweaver können sie zwischen der
Anwendung von "alt"-HTML 
und CSS  umschalten.
▼
M$ FrontPage unterstützt derzeit
CSS nur teilweise und ist daher für professionelle Verwendung kaum geeignet.
Der Versuch, Webseiten mit den Methoden der Textverarbeitung herzustellen, kann nicht
funktionieren. Auch die ersten Autos versuchte man übrigens mit Deichsel und
Kutschbock auszustatten. Geradezu katastrophale Webseiten werden von M$-Office
Programmen erzeugt, wenn man die Option "Speichern als Webseite" verwendet.
|
In bestehenden Webs können die überflüssigen HTML-Elemente und
-Attribute sicher noch längere Zeit in Betrieb bleiben.
Für die Entwicklung neuer Webseiten sollten sie jedoch unbedingt CSS einsetzen.
Der Aufwand für die Umstellung auf CSS ist einmalig und gering: schon nach kurzem
Training beherrschen sie die wichtigsten CSS-Elemente.
Der Gewinn durch CSS zeigt sich, je mehr Elemente und Webseiten man damit erzeugt,
spätestens jedoch bei nachträglichen Änderungen: mit "alt"-HTML
mühsam und aufwendig, mit CSS ein Aufwand von Sekunden für ein ganzes Web.
|
Links zum Thema "CSS"
Klick für eine CSS-Demo !
Der größte Nachteil von "alt"-HTML:
SelfHTML
