Как использовать сопоставление с порядком в тегах HTML

Question

Я пытаюсь построить html-викторины, используя соответствующий стиль на html-тэгах, но с порядком тэгов, как html-викторина Академии Хана: https://www.khanacademy.org/computing/hour-of-code/hour-of-html/pc/challenge-write-a-poem

Я нашел несколько связанных предметов, таких как: html соответствия шаблонутеги

Но он просто понимает, что теги найдены, и я пытаюсь сопоставить последовательность ввода с правильным шаблоном, например:

Входные данные:

<div>
   <p>this is my paragraph</p>
   <span>this is a regular span</span>
</div>

И правильный шаблон должен соответствовать:

<div>
   <span>...</span>
   <p>...</p>
</div>

Итак, как я могу обнаружить, что разыскиваемые теги найдены «в том же порядке» (тег «span» находится перед«р») независимо от всего текста наверняка

Или, какой подход или метод я использовал.

Answer 1

Regex не всегда эффективен, но если вы не можете найти лучшего решения, тогда вы можете использовать следующее выражение:

/<\/?[\w\s="/.':;#-\/\?]+>/gi

, и это вернет строку открытых и закрытых тегов.Вы можете использовать его.