Перенос строк bтабуляция в коде HTML (Для удобного чтения тегов)

@WinstonCherchil · Регистрация: 20.01.2011

Студворк — интернет-сервис помощи студентам

Вот такая проблема.

\r\n отображается в браузере всеми четырьмя символами.
Помогает только перенос строки в редакторе PHP, что приводит к раскорячиванию кода самого PHP скрипта.
Поиск и гугл выдают терабайты статей про <br> и \r\n
После цикличного сложения текстовых переменных с тегами, ХТМЛ код нечитаем совсем, что делает отладку сложной как секс с алигатором.

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

Заранее спасибо.

@bek08 · 25.01.2011, 22:02

код можно посмотреть!

@WinstonCherchil · 25.01.2011, 23:18 **[ТС]**

PHP
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<?php
$str =" ";
echo 'вариант без переноса строк.<br />';
for ($i=0; $i<10; $i++){
    $str .= '<input name="datab' . $i .  '" type="text" value="Введите ' . $i .  ' элемент массива." /><br />';
}
echo $str;
$str = ' ';
echo 'вариант переноса строк cпомощью \r\n.<br />';
for ($i=0; $i<10; $i++){
    $str .= '<input name="datab' . $i .  '" type="text" value="Введите ' . $i .  ' элемент массива." /><br />\r\n';
}
echo $str;
$str = ' ';
echo 'вариант переноса строк cпомощью перевода строки в редакторе<br />';
for ($i=0; $i<10; $i++){
    $str .= '<input name="datab' . $i .  '" type="text" value="Введите ' . $i .  ' элемент массива." /><br />
'; 
}
echo $str;
?>

Код выше выдаст следующее:

HTML5
1
2
3
4
5
6
7
8
9
10
вариант без переноса строк.<br /> <input name="datab0" type="text" value="Введите 0 элемент массива." /><br /><input name="datab1" type="text" value="Введите 1 элемент массива." /><br /><input name="datab2" type="text" value="Введите 2 элемент массива." /><br /><input name="datab3" type="text" value="Введите 3 элемент массива." /><br /><input name="datab4" type="text" value="Введите 4 элемент массива." /><br /><input name="datab5" type="text" value="Введите 5 элемент массива." /><br /><input name="datab6" type="text" value="Введите 6 элемент массива." /><br /><input name="datab7" type="text" value="Введите 7 элемент массива." /><br /><input name="datab8" type="text" value="Введите 8 элемент массива." /><br /><input name="datab9" type="text" value="Введите 9 элемент массива." /><br />вариант переноса строк cпомощью \r\n.<br /> <input name="datab0" type="text" value="Введите 0 элемент массива." /><br /><input name="datab1" type="text" value="Введите 1 элемент массива." /><br /><input name="datab2" type="text" value="Введите 2 элемент массива." /><br /><input name="datab3" type="text" value="Введите 3 элемент массива." /><br /><input name="datab4" type="text" value="Введите 4 элемент массива." /><br /><input name="datab5" type="text" value="Введите 5 элемент массива." /><br /><input name="datab6" type="text" value="Введите 6 элемент массива." /><br /><input name="datab7" type="text" value="Введите 7 элемент массива." /><br /><input name="datab8" type="text" value="Введите 8 элемент массива." /><br /><input name="datab9" type="text" value="Введите 9 элемент массива." /><br />вариант переноса строк cпомощью перевода строки в редакторе<br /> <input name="datab0" type="text" value="Введите 0 элемент массива." /><br />
<input name="datab1" type="text" value="Введите 1 элемент массива." /><br />
<input name="datab2" type="text" value="Введите 2 элемент массива." /><br />
<input name="datab3" type="text" value="Введите 3 элемент массива." /><br />
<input name="datab4" type="text" value="Введите 4 элемент массива." /><br />
<input name="datab5" type="text" value="Введите 5 элемент массива." /><br />
<input name="datab6" type="text" value="Введите 6 элемент массива." /><br />
<input name="datab7" type="text" value="Введите 7 элемент массива." /><br />
<input name="datab8" type="text" value="Введите 8 элемент массива." /><br />
<input name="datab9" type="text" value="Введите 9 элемент массива." /><br />

Мы можем видеть что только третий цикл образил HTML код (строки с 3 по 11). первый и второй циклы записали все результаты своей работы в одну строчку. Еще раз напомню, что интересует именно аккуратность кода HTML и PHP, а не то, что видет пользователь, с этим все в порядке.

Новые блоги и статьи Все статьи Все блоги /
Access VikBal 11.12.2025 Помогите пожалуйста !! Как объединить 2 одинаковые БД Access с разными данными.	Новый ноутбук volvo 07.12.2025 Всем привет. По скидке в "черную пятницу" взял себе новый ноутбук Lenovo ThinkBook 16 G7 на Амазоне: Ryzen 5 7533HS 64 Gb DDR5 1Tb NVMe 16" Full HD Display Win11 Pro	Музыка, написанная Искусственным Интеллектом volvo 04.12.2025 Всем привет. Некоторое время назад меня заинтересовало, что уже умеет ИИ в плане написания музыки для песен, и, собственно, исполнения этих самых песен. Стихов у нас много, уже вышли 4 книги, еще 3. . .	От async/await к виртуальным потокам в Python IndentationError 23.11.2025 Армин Ронахер поставил под сомнение async/ await. Создатель Flask заявляет: цветные функции - провал, виртуальные потоки - решение. Не threading-динозавры, а новое поколение лёгких потоков. Откат?. . .	Поиск "дружественных имён" СОМ портов Argus19 22.11.2025 Поиск "дружественных имён" СОМ портов На странице: https:/ / norseev. ru/ 2018/ 01/ 04/ comportlist_windows/ нашёл схожую тему. Там приведён код на С++, который показывает только имена СОМ портов, типа,. . .
Сколько Государство потратило денег на меня, обеспечивая инсулином. Programma_Boinc 20.11.2025 Сколько Государство потратило денег на меня, обеспечивая инсулином. Вот решила сделать интересный приблизительный подсчет, сколько государство потратило на меня денег на покупку инсулинов. . . .	Ломающие изменения в C#.NStar Alpha Etyuhibosecyu 20.11.2025 Уже можно не только тестировать, но и пользоваться C#. NStar - писать оконные приложения, содержащие надписи, кнопки, текстовые поля и даже изображения, например, моя игра "Три в ряд" написана на этом. . .	Мысли в слух kumehtar 18.11.2025 Кстати, совсем недавно имел разговор на тему медитаций с людьми. И обнаружил, что они вообще не понимают что такое медитация и зачем она нужна. Самые базовые вещи. Для них это - когда просто люди. . .	Создание Single Page Application на фреймах krapotkin 16.11.2025 Статья исключительно для начинающих. Подходы оригинальностью не блещут. В век Веб все очень привыкли к дизайну Single-Page-Application . Быстренько разберем подход "на фреймах". Мы делаем одну. . .	Фото: Daniel Greenwood kumehtar 13.11.2025

@WinstonCherchil 7 / 7 / 2 Регистрация: 20.01.2011 Сообщений: 73

	Перенос строк bтабуляция в коде HTML (Для удобного чтения тегов) 25.01.2011, 21:13. Показов 4256. Ответов 2 Метки нет (Все метки) Вот такая проблема. \r\n отображается в браузере всеми четырьмя символами. Помогает только перенос строки в редакторе PHP, что приводит к раскорячиванию кода самого PHP скрипта. Поиск и гугл выдают терабайты статей про <br> и \r\n После цикличного сложения текстовых переменных с тегами, ХТМЛ код нечитаем совсем, что делает отладку сложной как секс с алигатором. Нужно что бы хтмл и php коды в редакторах или браузере были нормально оформлены, и было удобно читать и то и другое. Такой же вопрос про табуляцию. Заранее спасибо. 0

@bek08 Особый статус 40 / 41 / 10 Регистрация: 26.01.2010 Сообщений: 506
	25.01.2011, 22:02
	код можно посмотреть! 0

Перенос строк bтабуляция в коде HTML (Для удобного чтения тегов)

Решение