Block-Elemente innerhalb von Inline-Elementen

document type does not allow element "p" here; missing one of "object", "applet", "map", "iframe", "button", "ins", "del" start-tag

Block-Elemente wie zum Beispiel div, p oder h1 dürfen nicht innerhalb von Inline-Elementen stehen (a, span, strong, …). Missachten wir diese Regel, kommt es zum Fehler. Ein weiterer Grund kann allerdings auch einfach eine fehlerhafte Verschachtelung von Elementen sein. Ein Element unterhalb eines Elements, darf erst dann geschlossen werden, wenn das darinliegende geschlossen wurde. Logisch, ich setze mich ja auch nicht erst ins Auto ans Steuer, öffne das Handschuhfach, steige durch die Beifahrertür aus, und schließe dann das Handschuhfach.

Falsch also: <a href="#"><p>Link</p></a>

Richtig: <p><a href="#">Link</a></p>

ebenfalls Falsch: <p><div>Ganz schön</p> falsch verschachtelt</div>

Richtig: <div><p>Ganz schön</p> falsch verschachtelt</div>