Best Practice: Markup für Seitentitel/Logo?

[Gunnar Bittersmann]

@@ScaraX:

nuqneH

Wenn ich statt dem Text ein img-Element funktioniert die Print-Darstellung, aber der Text steht nur noch im alt-Attribut und das kann ja in Sachen Semantik und Outline auch nicht gut sein und für SEO ist das auch nicht optimal.

Wieso sollte das semantisch nicht in Ordnung sein?

Na gut, Inhalt ist als Elementinhalt besser aufgehoben als in Attributwerten:
<h1><a href="/"><img src="logo.png">Seitentitel</img></a></h1>

Dummerweise ist HTML an der Stelle inkonsequent und verwendet bei 'img' andere Syntax als bei 'iframe' und 'object'.

Und HTML5 denkt überhaupt nicht daran, das zu korrigieren. Und hat dafür gesorgt, dass XHTML 2 (was sich anschickte, dies zu korrigieren) beerdigt wurde.

Wenn du Voodoo-Anhänger bist, was spricht gegen

<h1><a href="/"><object type="image/png" data="logo.png">Seitentitel</object></a></h1>

Ah, IE. (So eine Überraschung.)

Und was spricht gegen

@media print  
{  
    h1:before  
    {  
        content: url(logo.png);  
        position: absolute;  
    }  
}

Ah, IE. (So eine Überraschung.)

Qapla'