Как правильно использовать br?

Тэг <br> в языке разметки Pug используется для создания переноса строки, или же для вставки различных пробельных символов в HTML-код.

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

Вот несколько примеров того, как правильно использовать тэг <br> в Pug:

1. Создание пустой строки:

p Hello,
br
p World!

Результат:

<p>Hello,</p>
<br>
<p>World!</p>

2. Вставка пробелов на новой строке:

p This is an example of
br
|         indentation in Pug.

Результат:

<p>This is an example of</p>
<br>
        indentation in Pug.

3. Вставка нескольких переносов на новую строку:

p This is the first line.
br
br
br
p This is the fourth line.

Результат:

<p>This is the first line.</p>
<br>
<br>
<br>
<p>This is the fourth line.</p>

Также можно использовать интерполяцию для добавления динамического контента внутрь тэга <br>. Например:

- var count = 3
each num in [1, 2, 3]
  p This is paragraph number #{num}.
  each _ in count
    br

Результат:

<p>This is paragraph number 1.</p>
<br>
<br>
<br>
<p>This is paragraph number 2.</p>
<br>
<br>
<br>
<p>This is paragraph number 3.</p>
<br>
<br>
<br>

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

Используйте тэг <br> по необходимости, для создания читабельности вашего HTML-кода или для вставки пустых строк.