В Pug (бывший Jade) для создания вложенных элементов используется отступы. Отступы определяют структуру и иерархию элементов в разметке.
Ниже представлен пример кода, демонстрирующего вложенность в Pug:
// Корневой элемент
div.container
// Вложенный элемент
h1 Заголовок
// Вложенный элемент с классом
.content
p Контент
// Вложенный элемент с дочерними элементами
ul
li Пункт 1
li Пункт 2
li Пункт 3
В этом примере мы имеем корневой элемент div с классом container, внутри которого находятся другие элементы.
Используя отступы, мы указываем вложенность элементов. Например, h1 и .content являются вложенными в div.container. Аналогично, p вложен в .content, а ul содержит вложенные элементы li.
Важно заметить, что в Pug отступы играют роль вместо фигурных скобок или тегов закрытия. Также Pug учитывает правильность отступов, поэтому отступы важны для создания корректной структуры вложенности.
Это основной способ создания вложенности в Pug файле. Он позволяет создавать чистый и понятный код, который легко читать и поддерживать.