Seite 1 von 1

Anordnung von Kategorien über Überschirften

Verfasst: 16.06.2009, 19:58
von cseifert
Hallo,

wie würdet ihr folgende Anforderung am Besten umsetzen, um es so semantisch wie möglich umzusetzen?

Es soll ein Newslisting werden, das mehrere Newseinträge enthält. Jeder Newseintrag hat eine Überschrift (h2), sowie Bild und Text. Nun zum interessanten Teil: die Kategorie des Eintrags. Die Kategorie soll über der Überschrift erscheinen (Vgl. z.B. https://www.spiegel.de/panorama/leute/). Wie würdet ihr diese auszeichnen? Ein übergeordnetes Tag (hier mindestens h1) kommt nicht in Frage, da sich die Kategorienamen später wiederholen. Ein Absatz ist es auch nicht und div und span sagen nichts aus.

Mein Ansatz wäre nun folgender:

Code: Alles auswählen

<h2>Erste News <em><span class="hide">/ </span>Technik</em></h2>
<p><img .../> Text</p>

<h2>Zweite News <em><span class="hide">/ </span> Technik</em></h2>
<p><img .../> Text</p>
.hide versteckt damit den Slash und bei deaktiviertem CSS ist der Überschriftentitel von der Kategorie getrennt. per CSS würde ich den Kategorienamen dann darüberheben.

Was meint ihr?

Viele Grüße

Verfasst:
von
SEO Consulting bei ABAKUS Internet Marketing
Erfahrung seit 2002
  • persönliche Betreuung
  • individuelle Beratung
  • kompetente Umsetzung

Jetzt anfragen: 0511 / 300325-0.


Re: Anordnung von Kategorien über Überschirften

Verfasst: 17.06.2009, 17:07
von Mork vom Ork
cseifert hat geschrieben:Die Kategorie soll über der Überschrift erscheinen
Dies &#8230;

Code: Alles auswählen

<h2>Technik&#58;<br>Fluxkompensator marktreif</h2>

Code: Alles auswählen

h2&#58;first-line &#123;
    font-size&#58;smaller
&#125;
&#8230; ergibt:

Technik:
Fluxkompensator marktreif


Ein Schrägstrich hat zwischen Themenbereich und Titel nebenbei bemerkt eher wenig zu suchen, er trennt üblicherweise (lies: außerhalb der IT) Alternativen: &#8222;Besucher aus Hamburg / Berlin&#8220; bedeutet nicht, dass Berlin ein Stadtteil von Hamburg wäre.