элемент html5, повторяющий ошибку

Question

Я играл с html5, и я заметил, что иногда страница отображает мой html по-разному в dom (просматривается через firebug), чем на самом деле появляется в моих html-файлах. В результате элемент реплицируется несколько раз по-разному. Я замечаю это только на вложенных элементах.

Например:

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

иногда показывая, как:

<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> 

Я не совсем уверен, что решение, но я хотел бы знать, если кто-то испытал затруднения, как это. Я просеял каждый бит моего кода, и я не могу найти что-либо сломанное и страницы, на которых это происходит, при проверке без каких-либо проблем. Это особенно неприятно, потому что это происходит только время от времени.

спасибо!

* * редактировать также, я знаю, с помощью анкерных тегов, как это не действует, но, насколько я мог сказать, что я читал о html5 действительно содержание обертки внутри якоря *

Answer 1

Механизм браузера/рендеринга был создан до того, как существовал HTML 5, поэтому он подчиняется правилу, которое якоря, которые являются встроенными элементами, не могут содержать h5s, которые являются блочным уровнем.

Это имеет смысл. Я не думаю, что вы действительно можете сделать что-то другое, кроме как подождать и посмотреть, использует ли механизм рендеринга правило HTML 5, которое позволяет якорям устанавливать уровни блоков, такие как h5.

EDIT: Я предполагаю, что вы используете HTML 5 Doctype, хотя, вероятно, он не будет иметь большого отношения.

EDIT # 2: Это было зарегистрировано как bug, хотя я лично считаю, что этого не должно быть. Способ вокруг этого, кажется, обертывает h5 в div.