Startseite Pfeil Webmastertipps Pfeil W3C - XHTML - Validierungstipps (validation tips)

Montag, 21 September 2009
Letzte Aktualisierung: Montag, 19 April 2010
Geschrieben von Viktor Vogel

W3C - XHTML - Validierungstipps (validation tips)

(6 Stimmen)

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>

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!

Hits: 5233

Kommentare (2)

RSS Feed Kommentare
youtube Strict
Deine Tipps mit dem Einbinden von einem youtube Video in Strict hat mir sehr geholfen, danke.
Robert , 16 Juni 2010 | Homepage
Zeilenabstand
Auch der Zeilenabstand sollte indiviuell steuerbar sein. Leider läßt das kein Editor zu, oder ich habe in all den Jahren was übersehen. Jetzt in 1.5.x ist es ja schon besser geworden, aber in 1.0.x war das ganz schlimm.
klausb , 11 Februar 2010 | Homepage

Kommentar schreiben

kleiner | größer

busy
English French Italian Portuguese Russian Spanish

Mp3 Player

Letzte Kommentare

Plugin - SIGE - Simple Image Gallery Extended - Joomla@ Alex Du nutzt nicht mein Plugin, sondern die Original Simple Image Gallery. Das sieht man an jwsig.php (bei mir heißt es sige.php). Das Originalplugin unterstützt keine Parameter! @ Sarah Kann dir nicht sagen, warum die Slideshow nicht läuft...Vitja (Admin)Plugin - SIGE - Simple Image Gallery Extended - JoomlaHallo ich brauche schnellstmöglich Hilfe. die Galerie soll mit dem Parameter angezeigt werden: Limitierung deaktiviert, Größe 100, vertikaler / horizontaler Abstand 20 Mein Ordner ist: SimpleImageGallery/Saison 2009_10/Presse Wenn ich folgendes e...Alex StuberKomponente - Easybook Reloaded - Joomla@ Ben In einem Gästebuch sind Fakes wohl eher Spammer. Diese werden durch das integrierte Spamschutzsystem von Einträgen erfolgreich abgehalten. Die Opt-In Prozedur finde ich eher abweisend und umständlich für ein Gästebuch oder Kommentarkompo...Vitja (Admin)Komponente - Easybook Reloaded - JoomlaErst einmal auch von mir vielen Dank für die Überarbeitung der Komponente. Beim Aufrufen der Einstellungen aus der Toolbar (nicht aus 'Einträge verwalten' heraus), habe ich einen kleinen Bug gefunden. Beim Betätigen des 'Abbrechen'-Buttons passi...RaWuKomponente - Easybook Reloaded - JoomlaDanke Vitja für deine Antwort smiley mir gehts nicht im Kontakt zum Schreiber, sondern darum dass fakes verhindert werden. Email soll ja nicht öffendlich sein sondern nur zur Verifizierung der email... Ist immer etwas schwierig, da man ja als Betreib...BenPlugin - SIGE - Simple Image Gallery Extended - Joomlahello, habe soeben deine neueste version in joomla installiert. jetzt läuft auf den seiten, in denen ich die gallery eingebunden haben die rokslideshow im header nicht mehr -&gt; kannst du mir sagen, was ich machen muss, damit das wieder läuft?...SarahKomponente - Easybook Reloaded - Joomla@ Georg Du hast zu wenig Speicher eingestellt. Such einfach mal nach "Allowed memory size of bytes exhausted". @ Ben Danke für deinen Eintrage. Deinen Vorschlag halte ich für nicht sinnvoll! Es handelt sich nicht um einen Newsletterbestellung o...Vitja (Admin)Homepage - Website bekannt machen - mehr Besucher erhalten@ Dirk: Ja, Google ist zwar mittlerweile in der Lage auch Flash, PDF usw. zu indexieren, aber solche Seiten werden kaum Spitzenpositionen erreichen. Andere Suchmaschinen sind auch noch nicht so weit wie Google! Habe im Artikel Googles Tipps zum dopp...Vitja (Admin)Komponente - Easybook Reloaded - JoomlaVielen Dank für die neue Komponente! Selbst die Übernahme aus Sefbook funktionierte recht einfach. Was ich mir noch Wünschen würde, wäre eine Verifizierung der E-mail Adresse bzw. Bestätigung durch einen Link an die angegebene Adresse. Oder g...BenHomepage - Website bekannt machen - mehr Besucher erhaltenAlso mit tables hab ich eigentlich gute Erfahrungen. Wurden gut gelistet und keine Probleme.ChristiantJoomla - Random Image - ModifiziertHeute habe ich ein Mini-Update auf Version 1.5-7-2 durchgeführt. In dieser ist die Nutzung auf einem lokalen Webserver wieder möglich und ein oft gemachter Fehler (führendes / bei der Angabe des Bildordners) wird erkannt und entfernt. @ Alex: V...Vitja (Admin)Joomla Hack - Meta-Tags richtig setzen und optimierenDu solltest natürlich die Global Site Meta Description bzw. Keywords eintragen, diese werden für die Startseite benutzt. Normalerweise liest Jooaml 1.0 alle Daten aus den Artikeln ein, was zu ein sehr schlechten und unpassenden Zusammensetzung der...Vitja (Admin)

 
Generiert in 0.52801 Sekunden