Chris: Firmenlogo als <h1> deklarieren

Beitrag lesen

Hallo.

Ich würde meine Seite gerne in CSS richtig strukturieren - und dazu das Firmenlogo als <h1>-Tag einbinden. Dann könnten die einzelnen Seitenüberschriften sinngemäß als <h2>-Tag eingebunden werden. Sinnvoll wäre es sicherlich, es so zu machen:

<h1>Firmenname</h1>

Aber das Logo muss schon als Grafik eingebunden werden (verwendet eine spezielle Schriftart und sowas). Also würde das so aussehen:

<h1><img src="..." width="" height="" alt=""></h1>

Oder alternativ das Logo per CSS als Hintergrundbild von h1:

<h1 style="background-image:url(logo.jpg); width:x; height:y;"></h1>

Für Suchmaschinen, Screenreader & Co. wäre das allerdings Mist. Wie macht man sowas üblicherweise? Am besten wäre, ich würde den Firmennamen im Klartext in das <h1>-Tag schreiben (wie im ersten Beispiel oben), und er würde aber durch entsprechende CSS-Definitionen nicht angezeigt werden, sondern statt dessen die Grafik darstellen.

Ist sowas machbar?

Beste Grüße
Chris