Для вставки HTML-тега в цикле в Pug, можно использовать специальную разметку, называемую Each...in. Эта разметка позволяет перебрать элементы массива и вставить нужные HTML-теги внутри цикла.
Ниже приведен пример кода, демонстрирующий использование цикла each и вставку HTML-тегов в Pug:
ul
each item in items
li= item
В этом примере мы создаем маркированный список (ul) и перебираем элементы массива items. Для каждого элемента создается стандартный HTML-тег li, и значение элемента выводится внутри тега с помощью = item.
Однако, если вы хотите вставить HTML-тег самого по себе внутри цикла, вы можете использовать конструкцию tagname.tagname, где tagname заменяется на нужный HTML-тег:
each item in items
p.
| This is some text before the <strong>tagname</strong>.
| This is some text after the <strong>tagname</strong>.
В этом примере создается цикл each, который перебирает элементы массива items. Внутри цикла находится блок p. (точка после p указывает, что следующий текст будет отформатирован как plain text). Внутри блока plain text мы используем вертикальную черту (|) для создания нескольких строк текста. Внутри строк текста мы можем вставлять HTML-теги напрямую, как в приведенном примере с использованием <strong>.
Таким образом, с помощью цикла each и конструкции tagname.tagname, вы можете легко вставлять HTML-теги внутри циклов в Pug.