Warum meckert der Validator?

[molily]

Hallo,

<div class="right">

<ul id="social-bar">
<h3>Ich bei Twitter</h3><br>

>   
> Der W3C Validator gibt aus:  
>  Error Line 978, Column 10: Element h3 not allowed as child of element ul in this context.  
  

> Vermutlich ist es ein logischer Fehler nur ich sehe ihn nicht.  
  
Vermutlich ist es eine sprachliche Verwirrung. Ich übersetze einmal vom Englischen ins Deutsche:  
  
Ein h3-Element darf kein Kindelement von ul sein.  
  
Anders herum formuliert: ul darf direkt keine h3-Elemente enthalten.  
  
Das ist in deinem Code aber der Fall. Das ist ungültiges HTML.  
  
ul darf nur li-Elemente als Kinder enthalten, sonst nichts.  
  
~~~html
<ul>  
<li><h3>Erlaubt / möglich. h3 ist Nachfahre, aber nicht direktes Kind.</h3></li>  
</ul>

<ul>  
<h3>Nicht erlaubt / nicht möglich. ul darf direkt nur li-elemente enthalten.</h3>  
</ul>

Siehe auch SELFHTML:
http://de.selfhtml.org/html/text/listen.htm
http://wiki.selfhtml.org/wiki/HTML/Textstrukturierung/ul

Mathias