Html5 element repeating error

Question

I played with html5 and I noticed that sometimes the page displays my html differently in dom (viewed through firebug) than it actually appears in my html files. As a result, an element is replicated several times in different ways. I noticed this only on nested elements.

For instance:

<a href="#" class="block top-middle">
  <h5 class="title-top">TITLE</h5>
  <img src=""path/to/img.png" alt="TITLE" />
</a><!-- .top-middle -->

Sometimes displayed as:

<a class="block top-middle" href="#"> </a>
<h5 class="title top">
  <a class="block top-middle" _moz-rs-heading="" href="#">TITLE/a>
</h5>

<a class="block top-middle" href="#">
  <img alt="TITLE" src="path/to/img.png">
</a>

I'm not quite sure what the solution is, but I wanted to know if anyone else has such failures. I sifted through every bit of my code, and I can’t find anything broken and the pages on which this happens, while checking without any problems. This is especially frustrating because it only happens from time to time.

thank!

** , , , , , , html5, *

Answer 1

/ , HTML 5, , , , h5s, .

. , - , , HTML 5, , h5 s.

EDIT: , HTML 5 Doctype, , , .

EDIT # 2: bug, , . , , h5 div.