XHTML und HTML - erste Seiten umgestellt auf XHTML

Wir haben die HP (Suchseite), Trefferliste, Modell-Bilder-Galerie und Modellseiten auf XHTML umgestellt. Das bedingt, dass wir wenig Befehle anders schreiben als im HTML.

XHTML steht für EXtensible HyperText Markup Language und ist eine Reformulierung von HTML 4 als XML 1.0. Eine Liste aktueller W3C Empfehlungen und anderer technischer Dokumente findet man bei http://www.w3.org/TR

XHTML wurde am 26. Januar 2000 freigegeben, doch waren nicht alle Browser bereit dazu. Jetzt aber darf man vom Benutzer verlangen, dass er einen XHTML- bzw. XML-tauglichen Browser fährt. XML hat die Stärke und Flexibilität von SGML ohne ihre Komplexität zu erhalten. Das erleichtert die Programmierarbeit enorm. HTML trennt Inhalt und Darstellung noch nicht, mit XHTML übernimmt dies aber das CSS voll.

Noch übernehmen die meisten Browser ein Mischmasch von HTML und XHTML, doch sollten wir die genannten Seiten nun mit XHTML versehen, wenn überhaupt nötig.

Wir haben zudem das Problem der Mehrsprachigkeit der Modellseiten - da nicht wie bei den Röhren mit Sprachfeldern gelöst, sondern wir geben den Text in anderen Farben aus. Nur wo mehr als eine Sprache bei den Bemerkungen vorkommt, ist die Farbunterscheidung gewünscht.

Grundsätzlich ändert nur das <br> in <br /> (br, Abstand, Slash) sowie der Font-Befehl. Das <br /> bedeutet einen Zeilenrücklauf, also <br /><br /> einen neuen Abschnitt.

Im CSS haben wir folgende Fonts (Schriftbefehle) vorgesehen:

<span class="en"> ergibt Text in deeppink </span>
<span class="fr"> ergibt Text in dodgerblue </span>
<span class="de"> ergibt Text in black </span>
<span class="es"> ergibt Text in maroon </span>
<span class="it"> ergibt Text in green </span>

Wenn wir etwas hervorheben bzw. "Warnungen" geben wollen, dann schreiben wir das in Schriftgrösse "medium" statt "small". Sie hängen an den Sprachkürzel einfach den Ausdruck big an:

Beispiel:
<span class="debig">ergibt Text schwarz und grösser</span>

Wenn Sie noch mit <b> (Bold) Fettdruck verlangen, dann bitte innerhalb des Span - und auch das End-Tag </b> muss innerhalb stehen.

Aus mnemotechnischen Gründen (Gedächtniskunst, leichtes Merkverständnis) habe ich Folgendes berücksichtigt:

Erstens:
Die Farben sind anders als die Linkfarben, so kontrastreich wie möglich und vor allem: Sie entsprechen einer Farbe der jeweiligen Flagge stark.

Zweitens:
Ohne eine Massnahme im CSS müssten Sie z.B. eingeben:

<span style="font-size: large; color:dodgerblue">...</span> -
anstatt nun:
<span class="fr">...</span>

Es wäre wirklich fast unmöglich, die Farben und Befehle auswendig zu kennen. Wir haben also einen Klassen-Selektor angelegt bzw. Variablen-Namen, denen wir frei einen Variablenwert zuteilen können. Bitte beachten sie, dass Sie nur bei den oben genannten Seiten XHTML anwenden, nie bei den anderen! für Sie betrifft das also nur die Modellseiten.

Die Umstellung hat beim Benutzer je nach Browser grosse Konsequenzen gehabt, die Sie uns hier und hier beschrieben hatten. Es wird länger dauern, bis wir weitere Seiten umstellen.

Für diesen Post bedanken, weil hilfreich und/oder fachlich fundiert.

Hier finden Sie ein klassisches Beispiel, bei dem auch die Verschachtelung für Bold hervorgeht, nur kann man das leider nur als Resultat sehen, auch bei Klick auf "Änderungsvorschl. anbringen".
Hoffentlich verwenden Sie diesen Link hin und wieder, um Modelle zu verbessern ;-) ? Das ist wirklich einfach ...

<span class="en">Englischer Text in  deeppink<i> nun kursiv und nun <b>in Fett</b> bzw. jetzt wieder unfett und nun auch </i>nicht mehr kursiv (italic).</span><br />
<span class="itbig">Dies ist nun ein grösserer Text für Italienisch, der durch das <br /> auf einer neuen Zeile steht. </span>

Möglicherweise hänge ich später noch ein reich befrachtetes Muster an.

Wie hier beantwortet, (momentan nur für Mitglieder einsehbar) gilt:
Nur wer es perfekt haben will, kann aber muss nicht XHTML anwenden, und nur falls er/sie bei Modellen in mehreren Sprachen beschreibt. Admins müssen das auch nicht korrigieren, ausser sie wollen es perfekt oder haben Freude daran.

Für diesen Post bedanken, weil hilfreich und/oder fachlich fundiert.

Die Verlinkungen funktionieren bei HTML und XHTML gleich:

Beginnt mit: <a href="
dann URL also Zieladresse (inkl. http://) direkt dahinter setzen und mit " abschliessen.
Damit auf neue Seite kommt:
Abstand und: target="_blank"
> schliesst das ab.
Darauf folgt der sichtbare Text für den Klick nach einem Abstand.
gefolgt vom Abschluss des Ganzen </a>

Muster aus meiner Sammlerseite (sichtbare Text hier fett):
First you can <a
href="http://www.hamatro.ch/wc_meg1.jpg"
target="_blank"> see the weather in my village near Lucerne</a> -
just that you know what you can insert on your
profile.

Auf Modellseiten nur Links auf RMorg-Seiten anbringen - Ausnahme:
Eine fremde Site (z.B. Ihre eigene) zeigt auf dem gleichen "Blatt" auf die Modellseite zurück. Das bringt dann beiden Seiten nur Vorteile - und hoffentlich dem Interessierten Besucher auch.

Diese Form eines Linktausches bringt also beide Sites bei den Suchmaschinen mehr in den Vordergrund - Ihre Site wird somit eher gefunden und gelesen. Ob und wie stark das der Fall ist, können Sie vergleichen, indem Sie z.B. wie Gerhard Heigl (und wir) gratis den "motigo button" installieren. Er sagt Ihnen sicher gerne wie.

Geben Sie bei Google einfach heigl radios ein.
Auf dem ersten Hit sehen Sie das Zeichen ganz unten rechts im gelben Feld bei ihm. Der Hit zwei zeigt die Verlinkung mit uns (geholt ab Fusslink Logos - als Text - für dynamische Verlinkung eines Banners). Hit 3 zeigt seine Sammlerseite bei uns. Hit 4 seine Aktivität bei uns (weitere Ergebnisse) - dies bei 117 000 möglichen Hits ...

Da er auf der Link-Seite UND beim Vorwort einen Banner zu uns gesetzt hat, könnte er in seiner Sammlerseite nochmals einen Link auf seine Site setzen. Unter Links ist das natürlich schon geschehen. Das funktioniert wie oben beschrieben, indem man eingeloggt auf seinen Namen oben links klickt und im Profil dann unten auf der Linkliste auf "Profil bearbeiten". Da kann man auch Angaben für Mitglieder sichtbar schalten wie eMail-Adresse (kein Gast oder Spider kann sehen) oder eben das Feld "Bemerkung/Sammelgebiet" vollständiger ausfüllen. Die meisten Sammlungen hätten das nötig, denn da steht noch immer, was Mitglieder bei der Anmeldung geschrieben hatten ... Auch das Foto kann man da hochladen - oder private Bilder. Das eröffnet einen Link bei Sammlungen "Private Fotos / Ausstellung". Ein etwas unkonventionelles Muster meiner eigenen Sammlerseite sehen Sie hier. Übrigens: Bitte tragen Sie gerade Beruf und Geburtsjahr ein.

Alles ist höchstens für Mitglieder einsehbar - ausser das Feld "Bemerkungen/Sammelgebiet" falls Sie eigene Bilder auf Modelle geladen haben oder Röhrenbilder.

Für diesen Post bedanken, weil hilfreich und/oder fachlich fundiert.

Ich sehe immer wieder Zeilenumbruch-Befehle als <br> statt als <br />, also in HTML anstatt XHTML.

Das ist heute noch kein Problem, da die Browser noch beide Schreibweisen akzeptieren. Lässt man die Seiten automatisch überprüfen, kommen Fehlermeldungen, die wahrscheinlich noch keine Herabstufung bewirken. Auch sind heute noch die bekannten Browser für ein solches "Gemisch aus zwei Familien" tolerant, wir wissen aber nicht wann das (bei welchem Browser zuerst) zu Problemen führt.

Leider scheinen nicht alle Modelladmins meine Instruktionen zu befolgen, weshalb ich hier nochmals um strikte Einhaltung der XHTML-Codes bitte. Je mehr wir "verpassen", desto arbeitsintensiver wird das einmal.

Sie haben sicher schon bemerkt, dass gewisse Bilder nicht mehr am Platz sind oder ganz verschwinden. Das ist zum Glück selten - und vor allem: der eine Browser zeigt das Verhalten nicht, da toleranter als der andere! Trotzdem besteht dann ein Fehler im XHTML-Code ... Und wir müssen immer wieder mal korrigieren. Bitte dort, wo gerade eine Änderung erfolgt (sonst nicht) und bei Neueinträgen auf XHTML ändern. Danke.

Für diesen Post bedanken, weil hilfreich und/oder fachlich fundiert.