zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > (X)HTML
Seite neu laden <h1> für Logo und Webseitenname?

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 19.11.2005, 22:42
Benutzerbild von Lloyd Larkin
Don Quijote
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 19.11.2005
Ort: Wien
Beiträge: 733
Lloyd Larkin befindet sich auf einem aufstrebenden Ast
Standard <h1> für Logo und Webseitenname?

Hallo zusammen

In der letzten Zeit habe ich mir einige Gedanken über die sinnvolle Strukturierung von Webseiten und die semantisch korrekte Verwendung von Elementen gemacht.

Wozu ich allerdings verschiedene Meinungen gelesen habe ist, ob das Logo und der Firmenname (beides in einem Bild) in ein <h1> Tag gehören oder nicht.
Mir geht es weniger um Blog oder Foren, sondern um Webseiten von Firmen (die sich auf eine Branche beschränken).

Nehmen wir an ich habe eine Webseite ganz allgemein über Autos ("Autos"), auf der ich verschiedene Automarken vorstellen möchte und jede Automarke bekommt eine eigene (Unter-)Seite (z.B. "Ford", "Audi", "Mercedes" etc.).
Da nun aber der Überbegriff "Autos" für alle Folgeseiten gelten würde, wäre es nicht sinnvoll, diesen als <h1> auszuzeichnen?

Auf der anderen Seite muss ich sagen, dass es vielleicht doch eine Zweckentfremdung des <h1> Elemtentes wäre, denn eigentlich ist ein Logo keine Überschrift.
Was meint ihr dazu?

Nachtrag: Eine Image-Replacement Technik verwende ich. Die Frage ist ob in einem <h1>, oder lieber in einem <div>.

Freundliche Grüße,
Lloyd
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 19.11.2005, 23:02
Benutzerbild von The Doc
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 19.01.2005
Beiträge: 1.113
The Doc befindet sich auf einem aufstrebenden Ast
Standard

Bilder sollte man eh nur über <img> einblenden, wenn sie direkt was mit dem Inhalt zu tun haben, wenn es aber nur gestalterische Elemente sind (wie imho auch ein Logo), so benutzt man dafür eine Image-Replacement-Methode, such mal danach.
__________________
Bitte keine PN's - schreibt mir ne anständige Mail oder sprecht mich über Msn / Icq an
Milian Wolff | Markdownify | Typogridder
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 19.11.2005, 23:06
Benutzerbild von Lloyd Larkin
Don Quijote
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 19.11.2005
Ort: Wien
Beiträge: 733
Lloyd Larkin befindet sich auf einem aufstrebenden Ast
Standard

Danke für die Antwort.
Ich mache das bereits mittels Image-Replacement, aber die Frage ist, ob in einem <div> oder eben einem <h1>.
Mit Zitat antworten
  #4 (permalink)  
Alt 20.11.2005, 00:02
Benutzerbild von Geronimo
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 14.06.2004
Beiträge: 2.641
Geronimo sorgt für eine eindrucksvolle AtmosphäreGeronimo sorgt für eine eindrucksvolle Atmosphäre
Standard Re: <h1> für Logo und Webseitenname?

Zitat:
Zitat von Lloyd Larkin
Da nun aber der Überbegriff "Autos" für alle Folgeseiten gelten würde, wäre es nicht sinnvoll, diesen als <h1> auszuzeichnen?
Es ist sogar sehr sinnvoll. Der über mehrere Seiten gleich bleibende Oberbegriff sollte auch entsprechend ausgezeichnet werden.
Mit Zitat antworten
  #5 (permalink)  
Alt 20.11.2005, 00:46
Benutzerbild von E|H
E|H E|H ist offline
body:hover{display:none;}
XHTMLforum-Kenner
 
Registriert seit: 27.01.2005
Beiträge: 1.325
E|H befindet sich auf einem aufstrebenden Ast
Standard

Ich denke auch, daß das ein sinnvoller Einsatz für h1 ist.

Der Titel einer Seite ist ja eigentlich nichts anderes als eine Überschrift.
Ohne CSS sollte dann eben der sonst mittels CSS ersetzte Text dastehen.
Mit Zitat antworten
  #6 (permalink)  
Alt 20.11.2005, 20:53
Benutzerbild von Lloyd Larkin
Don Quijote
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 19.11.2005
Ort: Wien
Beiträge: 733
Lloyd Larkin befindet sich auf einem aufstrebenden Ast
Standard

Vielen Dank für die Antworten. Werde das Logo nun doch im <h1> lassen.

Als Image-Replacement verwende ich übrigens die Gilder-/Levin-Methode aus dem Artikel Image-Replacement-Techniken von Jens Meiert.
Die Technik ist meiner Meinung nach recht akzeptabel, vor allem stellt sie den Text auch dar wenn Bilder deaktiviert sind.

Welche Technik verwendet ihr?
Mit Zitat antworten
  #7 (permalink)  
Alt 24.11.2005, 18:44
Neuer Benutzer
neuer user
 
Registriert seit: 24.11.2005
Beiträge: 7
ollematze befindet sich auf einem aufstrebenden Ast
Standard

Hallo Lloyd Larkin,

die Gilder-/Levin-Methode habe ich gerade mal getestet, finde ich mittlerweile optimal.
Bisher habe ich solche Sachen mit:

h1.title {display:none} oder
h1.title {visibility:hidden} gelöst---

wobei ich immer etwas Bedenken hatte, ob fähige Suchmaschinen heutzutage nicht doch in der Lage sind, eins und eins zusammenzuzählen... und die Seiten ggf. aus dem Index schieben.

Aber so gefällt mir das.

text-indent mit -9000px ist auch nicht so das Wahre, finde ich.

Also ich werde das in Zukunft auf Deine bzw. nach der Gilder-/Levin-Methode machen.

Gruß Matthias
Mit Zitat antworten
  #8 (permalink)  
Alt 25.11.2005, 14:08
Benutzerbild von Boris
Tanzender Webentwickler
XHTMLforum-Kenner
 
Registriert seit: 29.07.2004
Ort: Kornwestheim / Stuttgart
Beiträge: 4.925
Boris ist ein sehr geschätzer MenschBoris ist ein sehr geschätzer MenschBoris ist ein sehr geschätzer Mensch
Standard

Man kann es auch anders lösen, indem man in H1 das Bild des Logos normal darstellt:

<h1>[img]daslogo.jpg[/img]</h1>

Schaltet man Bilder aus, sieht man den (mit CSS formatierbaren!) ALT-Text. Alle CSS-Angaben zum H1 werden darauf übertragen.
__________________
My software never has bugs. It just develops random features ...

» DevShack - die Website des freien Webentwicklers Boris Bojic
Mit Zitat antworten
  #9 (permalink)  
Alt 25.11.2005, 16:09
Benutzerbild von The Doc
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 19.01.2005
Beiträge: 1.113
The Doc befindet sich auf einem aufstrebenden Ast
Standard

Ist das nicht auch ein gestalterisches Mittel?
__________________
Bitte keine PN's - schreibt mir ne anständige Mail oder sprecht mich über Msn / Icq an
Milian Wolff | Markdownify | Typogridder
Mit Zitat antworten
Sponsored Links
  #10 (permalink)  
Alt 26.11.2005, 16:05
Benutzerbild von Lloyd Larkin
Don Quijote
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 19.11.2005
Ort: Wien
Beiträge: 733
Lloyd Larkin befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Zitat von Boris
Man kann es auch anders lösen, indem man in H1 das Bild des Logos normal darstellt:

<h1>[img]daslogo.jpg[/img]</h1>

Schaltet man Bilder aus, sieht man den (mit CSS formatierbaren!) ALT-Text. Alle CSS-Angaben zum H1 werden darauf übertragen.
Leider wird beim IE nur die Farbe, nicht aber die Größe übernommen.

Ausserdem vermute ich, dass der Text im <h1> Tag von Suchmaschinen höher gewertet wird als der alt Text vom Bild (im <h1> Tag). Wie gesagt, nur eine Vermutung

Bewerten Suchmaschienen den alt Text eines Bilder in <h1> eigentlich höher wie der eines Bildes in <h2>?
Wäre mal interessant zu wissen.
Mit Zitat antworten
Sponsored Links
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Logo rechts unten in Header (Header hat bg-img) cordi CSS 2 29.05.2017 15:21
Logo vergrößert Header sebascho CSS 15 12.11.2014 14:53
Anfänger: Positionierung. xam CSS 3 19.05.2012 15:18
Boxen von Navigation und Logo sind zu weit auseinander lila_3 CSS 2 04.09.2009 00:28
[print.css] Logo drucken auch bei deaktivierten Hintergrundbildern? Rayne CSS 5 01.11.2008 17:03


Alle Zeitangaben in WEZ +2. Es ist jetzt 02:03 Uhr.