Я ищу способ (или, возможно, инструмент) для запуска тестов в HTML, чтобы сравнить два блока HTML и посмотреть, не являются ли они буквально одинаковыми строками, но являются ли они функционально эквивалентными. Например:
<p class="caption" id="first">Text</p>
Должно быть функционально эквивалентно:
<p id="first" class="caption">
Text
</p>
В этом случае две строки имеют разные пробелы, а также объявляют "id" и "class" вдругой порядок, но допустимый HTML, должен отображаться точно так же, и быть тем же HTML в соответствии со спецификацией HTML, но они не пройдут тест на эквивалентность строк.
Я не ищу визуальную четность или отображениеэквивалентность. Поэтому, хотя эти две строки могут отображаться одинаково, они не являются эквивалентными HTML, и поэтому я бы хотел, чтобы они не прошли тест на эквивалентность:
<span style="font:'Times New Roman'; font-size:16px; display:block; margin:16px 0;">One</span>
vs
<p>One</p>