HTML Validator "rel" fehler.

[mucize]

Hallo zusammen,

ich bekomme wegen der rel eine fehlermeldung bei der HTML Validator.

[Invalid] Markup Validation of http://irdev.de/test_neu/laufende_projekt_1.html - W3C Markup Validator

Hat jemand ein idee wie ich das fehler beseitigen kann.
Vielen Dank im Voraus.

 

[threadi]

Das rel-Attribut ist bei img-Elementen nicht zulässig. Das geht nur bei Links.

 

[mucize]

Also keine Lösung
Okay. Dankeschön.

 

[threadi]

Doch, es ist die Lösung um deinen HTML-Code valide zu machen. Oder hat dieses rel-Attribut für deine Webseite irgendeine funktionale Bedeutung?

 

[mucize]

Eigentlich schon die kleine bilder sind auf die größe Bilder verlinkt um die größen anzeigen zu können.
http://irdev.de/test_neu/laufende_projekt_1.html

 

[threadi]

Dann würde ich dir empfehlen diese Verlinkung auch tatsächlich über Links zu realisieren. In dem Link solltest Du ins href das anzuzeigende Bild eintragen und per rel-Attribut mit deinem JavaScript verknüpfen. So hätte ein Nutzer ohne JavaScript auch die Chance dieses Bild zu sehen.

Alternativ könntest Du auch statt des rel-Attributs ein anderes, im img-Element valides Attribut verwenden. Welche valide sind kann ja z.B. beim W3C nachgelesen werden: HTML/Elements/img - W3C Wiki - beachte jedoch, dass viele Attribut auch eine semantische Bedeutung haben.

 

[mucize]

was meinst wie so ein Code aussehen könnte. Ich habe einiges ausprobiert aber kein Erfolg.
So sieht mein img code aus :
<img src="bilder_website/referenzen_2.jpg" title="referenzen_2.jpg" rel="bilder_website/referenzen_l_2.jpg" alt="bilder_website/referenzen_l_3.jpg" />

 

[threadi]

Wie so ein Code aussehen könnte, habe ich dir im vorherigen Beitrag bereits beschrieben. Die Kernaussage für dich nochmal ist: Link um das Bild herum legen und dort das rel-Attribut unterbringen.

Und verwende bitte Code-Tags wenn Du Quellcode im Forum zeigst.

 

[mucize]

Sorry.

 <a href="bilder_website/referenzen_l_2.jpg"  rel="bilder_website/referenzen_l_2.jpg"><img src="bilder_website/referenzen_2.jpg" title="referenzen_2.jpg"  alt="bilder_website/referenzen_l_3.jpg" /></a>

meinst du etwa so?

 

[threadi]

Ja, genau sowas. Jetzt hängt es nur noch davon ab, ob dein JavaScript, welches das rel-Attribut sucht, auch damit umgehen kann.

 

[Tronjer]

Es gibt da noch eine Alternative zu rel, und zwar data-.

Das Custom-Tag data-irgendEinName lässt sich in jedem HTML-Tag platzieren und mit beliebigen Werten belegen.

HTML5 Custom Data Attributes (data-*) | HTML5 Doctor

 

[threadi]

Dann müsste er aber auch noch Doctype und Elemente-Schreibweisen von XHTML auf HTML5 ändern.

 

[Tronjer]

Sofern er valide bleiben will, muss der Doctype natürlich angepasst werden. Was bei kleineren Projekten ja in der Regel auch kein Problem darstellt.

Notfalls geht es aber auch anders. Ich arbeite gerade an einem großen Webportal, das auf XHTML basiert, und verwende dort trotzdem das data-Attribut, um für Javascript-Funktionen Werte durchzureichen und Identifier zu schaffen. Nicht ganz sauber, funktioniert aber.

 

[mucize]

Vielen Dank!