Переносы строк

В редактор мы добавили короткое стихотворение в раздел «Физиология». В коде оно написано в четыре строки, но посмотрите на предпросмотр: браузер склеивает строки, как будто это одно длинное предложение.

Дело в том, что браузер превращает любые идущие подряд в коде пробелы, табуляции и переносы строк в один пробел. Нажатие Enter в коде не начинает новую строку на странице. Поэтому же отступы не меняют вид страницы: мы делаем их в коде только для того, чтобы нам было легче его читать.

Когда нужно начать новую строку внутри текста, мы используем элемент br (br — от break, «разрыв», в смысле переноса строки):

<p>Приют для кошек «Счастливые лапки»<br>
ул. Садовая, 12<br>
Москва</p>

Этот код отображается так:

Приют для кошек «Счастливые лапки»
ул. Садовая, 12
Москва

Элемент br особенный: у него нет ни содержимого, ни закрывающего тега, только открывающий тег. Такие элементы называются пустыми. Один из них вы уже знаете по предыдущему уроку: meta. Другие, например img и input, нам встретятся позже.

Иногда его пишут со слэшем: <br />. Это более старый способ записи того же самого. В этом курсе мы пишем <br>.

Используйте br только для переносов, которые являются частью содержимого, как в стихотворении или адресе. Не используйте его, чтобы сделать промежуток между фрагментами текста: отдельные блоки текста должны быть в отдельных абзацах, а расстояния задаются с помощью CSS.