Вебинары Разобраться в IT Реферальная программа
Программирование Аналитика Дизайн Маркетинг Управление проектами
10 Июл 2023
2 мин
3374

Обработка символа новой строки в HTML

Символ новой строки, обозначаемый как \n, часто используется в текстовых редакторах и языках программирования для отображения новой строки или перехода

Станьте веб-разработчиком с нуля за 15 месяцев на курсе онлайн-университета Skypro. Преподаватели — практикующие эксперты из VK, «Альфа-Банка», Skyeng и других крупных компаний. В программе нет лишней теории, зато много практических заданий, а результаты курсовых можно положить в портфолио. Специалисты центра карьеры помогут с резюме, сопроводительными письмами и собеседованиями.

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

Возьмем для примера следующий код:

<div class="text">
  Первая строка
  Вторая строка
  Третья строка
</div>

В этом случае, все строки будут отображаться как один непрерывный текст, несмотря на наличие символа \n между ними.

В HTML для перехода на новую строку используется тег <br/>. Таким образом, чтобы получить текст, разделенный на отдельные строки, необходимо заменить символы \n на <br/>. Исправленный код будет выглядеть следующим образом:

<div class="text">
  Первая строка<br/>
  Вторая строка<br/>
  Третья строка<br/>
</div>

Теперь каждая строка будет отображаться на новой строке в браузере.

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

Вывод: В HTML для отображения новой строки следует использовать тег <br/>, вместо символа \n.

На курсе Skypro «Веб-разработчик» освоите JavaScript, GitHub, Tilda, Postman, HTML, CSS и другие программы и инструменты, научитесь решать реальные задачи разработчика и работать в команде. Все учебные проекты можно положить в портфолио и устроиться на работу по новой специальности еще в процессе обучения.

Проверь как ты усвоил материалы статьи
Пройди тест и узнай насколько ты лучше других читателей

Добавить комментарий