HTML: Alternative für DIV in H1?

[Bonsai]

Ich habe sowas gebaut, ohne richtig darüber nachzudenken:
<h1>Buchtitel<div class='subtitle'>Untertitel</div></h1>

Das ganze ist aber leider nicht zulässig..... Der HTML Validator motzt:
Line 291, column 139: document type does not allow element "div" here; missing one of "object", "applet", "map", "iframe", "button", "ins", "del" start-tag

Hat jemand eine andere Idee wie ich innerhalb eines h1 Tags unterschiedliche Schriften hinbekomme?

Linkback: https://www.modified-shop.org/forum/index.php?topic=30526.0

[noRiddle (revilonetz)]

Mit span ?
h1 erlaubt nur Inline-Elemente.
=> Lernquelle

Außerdem, falls der h1 doppelzeilig wird/werden kann, mit line-height arbeiten.

Gruß,
noRiddle

[Bonsai]

Danke, wusste gar nicht, dass div und span so extrem verschieden sind ...

[noRiddle (revilonetz)]

div ist im Gegensatz zu span (welches ein inline-Element ist) ein Blockelement, genauso wie hx und wird somit immer untereinander dargestellt und nimmt den kompletten zur Verfügung stehenden Raum ein (beides insofern es keine dies ändernden CSS-Anweisungen gibt, wie width, float u.ä).
Es gibt nicht so viele Blockelemente die selbst auch Block-Elemente in sich erlauben.
Neben div, li, dd, button, form und fieldset sind es eher selten benutzte tags wie blockquote, applet (deprecated), noscript usw.

Ich muß bei Nutzung selten benutzter tags auch schonmal nachschauen, man kann sich ja nicht alles merken, und die oben verlinkte Referenz ist da immer eine gute Quelle.

Gruß,
noRiddle