Thomas Luethi: FONT-Tag, abwaertskompatibles HTML

Beitrag lesen

Hallo,

[<font> ist veraltet und kann weggelassen werden]

Aber bringe ich dann nicht auch eine Menge Leute darum, in den Genuß meines Textes zu kommen?!? Was macht denn ein älterer Browser (der weder 4.01 noch CSS interpretiert) daraus? Völlig unformatierten Endlostext?

Nein. Ausser Du hast einen groben Fehler.
Die wichtigsten Elemente zur Text-Auszeichnung und -Strukturierung
sind <h1> .. <h6>, <p> u.s.w.
Diese verwendest Du ja schon - zumindest teilweise.

Statt
<h3>Ueberschrift</h3>
solltest Du fuer die Hauptueberschrift jeder Seite
<h1>Ueberschrift</h1>
schreiben.
(Manche Leute sind der Auffassung, dass man auf
"Unterseiten" auch <h2> verwenden koenne. Ich nicht.)
Wenn Dir die Schriftgroesse von H1 zu gross ist, dann
passe sie eben mit CSS an:
h1 { font-size:1.8em; } oder so.

Statt

Erster Absatz bla bla<br><br>
Neuer Absatz bla bla bla<br><br>

solltest Du die Absaetze lieber richtig auszeichnen:

<p>Erster Absatz bla bla</p>
<p>Neuer Absatz bla bla bla</p>

(Genau denselben Fehler machte ich vor 4 Jahren uebrigens auch...)

Hervorhebungen innerhalb der Absaetze kannst Du dann noch
mit <em> und <strong> (oder meinetwegen <b>) machen.

Damit hast Du schon mal das wichtigste - die logische Auszeichnung.
Und der Text ist gegliedert.
Die Seite ist nun mit _allen_ HTML-faehigen Browsern benutzbar.
Auch mit denen, die bloss HTML 2.0 koennen (*).
(N.B. Es gibt kein offizielles HTML 1.0 ;-)

Fuer die grosse Mehrzahl der aktuellen Browser kannst Du nun
mit CSS noch die optischen Details regeln:
Schriftart, Farben, Abstaende u.s.w.

Wer einen einfachen ("speziellen" oder "veralteten") Browser
benutzt, kennt sowieso nichts anderes.
Dem sind Farben und optischer Schnickschnack egal.
Er ist zufrieden, wenn das Dokument sinnvoll aufgebaut ist
(d.h. linear von Anfang bis Ende gelesen einen Sinn ergibt)
und wenn die einzelnen Teile logisch ausgezeichnet sind
(eben mit <h1>, <p> u.s.w.).

<font>, <center> und der uebrige Layout-Kram, der sich
in dunkler Vorzeit in HTML 3.2 eingeschlichen hatte,
gehoert abgeschafft, weil die Browser heute (im
Gegensatz zu 1997) genuegend CSS koennen.
Die Schwaechen vieler Browser in bezug auf CSS
sind in ganz anderen Bereichen zu finden, z.B.
bei Float, Position, Box Modell u.s.w., aber
so grundlegende Dinge wie Schriftarten und Farben
koennen schon Netscape 4 und MS IE 4 ausreichend.

Der Marktanteil der Nicht-CSS-faehigen Browser ist
verschwindend klein - und wie gesagt, sie brauchen
gar keine Sonderbehandlung mittels FONT-Tag u.s.w.
Anstaendiges, standardkonformes HTML reicht.

Deshalb nur zur Info einige aktuelle "Browser-Statistiken":
http://aktuell.de.selfhtml.org/sonst/userwatch.shtml#a2
http://www.webhits.de/deutsch/webstats.html bzw.
http://www.webhits.de/deutsch/index.shtml?webstats.html
http://www.onestat.com/html/aboutus_pressbox26.html
http://www.heise.de/newsticker/data/jk-20.01.04-005/

Wie erwaehnt kannst Du Dich selbst zum Schreiben
von sauberem, zeitgemeassem HTML-Code "zwingen",
indem Du eine Strict-Variante nimmst.

Welche Elemente und Attribute veraltet und missbilligt
(englisch "deprecated") sind, siehst Du auch in den
Tabellen im Anhang der HTML 4.01 Specification.
Sie haben dort in der Spalte "Depr." ein "D":
http://www.w3.org/TR/html401/index/elements.html
http://www.w3.org/TR/html401/index/attributes.html

Freundliche Gruesse,

Thomas

(*) Falls es Dich interessiert, welche Elemente bereits
in HTML 2.0 vorkamen, kannst Du ja mal einen Blick in
die Specification von 1995 werfen:
http://www.w3.org/MarkUp/html-spec/html-spec_toc.html
In SelfHTML hat es bei den Beschreibungen der Elemente
jeweils ein Symbol, das zeigt, in welcher Variante von
HTML dieses Element eingefuehrt wurde, z.B.
<img src="http://selfhtml.teamone.de/src/html20.gif" border="0" alt=""> <img src="http://selfhtml.teamone.de/src/html32.gif" border="0" alt=""> <img src="http://selfhtml.teamone.de/src/html40.gif" border="0" alt="">