Zitate in HTML

[Matthias Scharwies]

Servus!

Hallo, ich bin am Basteln und wollte folgenden Abschnitt bearbeiten:

<div id="spruch">
  <h3>jetzt kommt ein einzeiliger Spruch,
    <h6>bibelstelle</h6>
  </h3>
</div>

Ich habe es nicht getestet, aber …

h1, h2,h3, ... h6

• werden zum Auszeichnen von Überschriften verwendet
• dürfen nicht verschachtelt werden.

Ok, ich weiß das dies normalerweise viel sinnvoller mit "span" gemacht wird, aber warum sind die Ergebnisse so unterschiedlich?

span und div sind inhaltsleer, damit könntest du Text teilen und unterschiedlich formatieren.

Für mich ist ein Bibelvers ein Zitat mit der Bibelstelle als Quellenangabe. Dafür gibt es das blockquote-Element.

Im SELF-Wiki gibt es ein Artikel dazu: CSS/Tutorials/Zitate_interessant_gestalten

Ich würde es ungefähr so machen:

<blockquote class=Losung">
  <p> ...
  <p class="bibelstelle">...
</blockquote>

Das CSS würde dann so aussehen und anderswo vorhandene Überschriften nicht beeinflussen:

.losung { 
  ...
}
.losung .bibelstelle {
  text-align: right;
  font-family: cursive;
}
.losung p:last-of-type {} /*nicht so gut, da evtl. die Bibelstelle fehlt und dann die letzte **Text**zeile anders formatiert wird. */
}  

Herzliche Grüße

Matthias Scharwies