Webmastertipps W3C - XHTML - Validierungstipps (validation tips) Montag, 21 September 2009
Letzte Aktualisierung: Donnerstag, 25 Februar 2010
Geschrieben von Viktor Vogel
W3C - XHTML - Validierungstipps (validation tips)
Tipps für eine fehlerfreie Validierung in XHTML 1.1 und STRICT bei W3C.org
Bei der Optimierung der Website habe ich viele Änderung am Quellcode vornehmen müssen, damit die Ausgabe in XTHML 1.1 fehlerfrei erfolgt. Mit diesem Artikel möchte ich ein paar Tipps zusammentragen und weitergeben. Die Liste wird stetig erweitert.
Schnellauswahl:
Youtube - Validierung von eingebetteten Videos
Ligthbox, Slimbox, Lytebox etc. - Galerie valide
Youtube valide mit XHTML 1.0 STRICT und XHTML 1.1 bei W3C
Youtubes Code zur Einbindung der Videos ist leider nicht valide. Der <embed>-Tag ist kein Standard in XHTML. Stattdessen sollte nur <object> benutzt werden. Durch folgende Änderung lassen sich auch Youtube-Videos valide einbauen:
Nicht valide
<object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/..."></param> <param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param> <embed src="http://www.youtube.com/v/..." type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344"></embed></object>Valide
<object type="application/x-shockwave-flash" width="425" height="344" data="http://www.youtube.com/v/..."> <param name="movie" value="http://www.youtube.com/v/..."></param> <param name="wmode" value="transparent"></param></object>
Galerie in Lightbox, Slimbox, Lytebox... valide in XHTML 1.0 STRICT und XHTML 1.1
In der Lightbox wir die Galerie folgendermaßen initialisiert:
rel="lightbox[galerie]"
Die Ausgabe bei mehreren Bildern für ein valides Doctype XHTML 1.1 sollte nicht mit der doppelten eckigen Klammer [...] realisiert werden, sondern:
rel="lightbox.galerie"
Richtige Schriftformatierung
Schriftformatierung sollte über eine CSS-Datei gelöst werden. Im Text lassen sich auch unten folgende Tags benutzen. CSS Anweisungen sollten alle in eine externe Datei ausgelagert werden und die Einbindung der Datei sollte im <head>-Bereich erfolgen.
Schriftgewichtung
Für dicke Schrift sollte nicht <b> benutzt werden.
<strong> - in CSS {font-weight:bold;}
Schriftstil
Kursive Schrift sollte nicht mit <i> ausgegeben werden.
<em> - in CSS {font-style:italic;}
Text unterstreichen
Normaler Text sollte niemals mit <u> unterstrichen werden! Nur Links sollten einen Unterstrich haben. Möglichkeit mit CSS:
{text-decoration:underline;}
Kommentare und Hinweise mit Hilfe des Kontaktformulars hinterlassen!
Seitennavigation
Vorheriger Beitrag:
Website optimal und suchmaschinenfreundlich gestalten
Mp3 Player
Letzte Kommentare
Die moderne Romantik - Alexander Herzen - Gedicht - das gedicht zeigt wie manche menschen sich einen schutzschild zum schutz vor der wirklichkeit um ihre traumwelt bauen in der hoffnung alles wäre ok. wie der mann oberflächlich zeigt das nichts seine liebe von ihm trennen kann und dann ist es aber d...
Joomla mit fortlaufendem MP3 Player (Anleitung) - Ist kein Problem. Schick mir den Code per Mail, ich mache einen kleinen Exkurs in das Tutorial rein! An: info[at]k..... Gruß und Danke!
Joomla mit fortlaufendem MP3 Player (Anleitung) - Kann bitte jemand meinen vorherigen Beitrag löschen!! - Damit ich diesen nochmal RICHTIG hochladen kann (hatte vergessen die HTML-Entities anzupassen) Danke
Joomla mit fortlaufendem MP3 Player (Anleitung) - Also, ich habe mir gedacht das es ( für mich) besser wäre einfach nur die Hintergrundmusik abspielen zu lassen ohne erst einen Player oder so zu installieren/hochzuladen. Einziger Nachteil, man hat keine Playerliste und kann nicht zwische verschie...
Programm - Tunatic - Lieder erkennen - Danke! Auf die einfachsten Ideen kommt, man meist nicht. Hat mit meinem Headset gut geklappt.
Website optimal und suchmaschinenfreundlich gestalten - Hier noch einige andere Website-Analyse-Tools im Test - mit Seitenreport auf Platz 1: http://weblog-abc.de/blogg-tipps-tricks/webseiten-analyse-tools-im-test-1884.html
Modul VCNT - Visitorcounter - Joomla 1.5 - Perfekt, danke :-)