Как определить абзацы и интервалы в HTML

Итак, вы изучили основные концепции HTML и некоторые базовые теги HTML, и вы решили вставить несколько HTML в вашу CMS. К сожалению, ваша статья не разошлась. Все одним абзацем! Что случилось?

Не паникуйте. Поймите, как ваш браузер интерпретирует разрывы строк, и вы исправите это быстро… или, по крайней мере, просто.

Браузеры игнорируют большинство пустых пространств

HTML - это разметка обычного текста. Раньше, когда текст был на пергаменте, обычный текст объединялся гигантскими блоками. Сегодня мы разбиваем текст на абзацы.

Вы можете не задумываться об абзацах. Они просто случаются. Нажимаешь ENTER, и все.

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

Предположим, вы набираете целую кучу пробелов:

Ваш прозаический браузер выдаст это четкое изображение:

Я чувствую себя э-э. Каммингс.

Мы больше не в Word, Тото. Браузеры игнорировать лишний интервал. Они сокращают несколько пробелов до одного.

instagram viewer

Браузеры также будут игнорировать ваш разрывы строк.

Ваш браузер делает это:

Я чувствую себя э-э. Каммингс, но все все равно ненавидят C A P I T A L S онлайн.

Если вы пришли из мира текстовых процессоров, такое поведение может быть поразительным. На самом деле это дает вам большую свободу.

Абзацы

Но вам, вероятно, по-прежнему нужны абзацы. Вот они:


а также

Внимательно посмотрите на файл.


а также

теги, а затем посмотрите, что делает браузер.
Это абзац. Это еще один абзац, даже если он находится в той же строке. И хотя я только что ввел два переноса строки, это все еще часть второго абзаца. Теперь закрою абзац второй.

Видеть? Браузер действительно полностью игнорирует ваши разрывы строк. Он заботится только о тегах.

Обычно, конечно, разумный выбор - сопоставить ваши абзацы с переносами строк:

Но разрывы строк предназначены только для вас. Браузер их игнорирует.

Добавляем кучу.

Теги могут быть утомительными. Одно дело добавлять курсив тут и там. Другое дело - добавлять теги каждый раз, когда вы начинаете новый абзац.
Но ждать! Есть надежда! Не бегите с криком обратно в текстовый процессор.

Ваша CMS может уважать ваши пустые строки

К счастью, некоторые CMS предназначены для автоматически вставлять теги абзацев для вас, за кулисами. Вы можете просто вставить пустая строка между абзацами, а CMS сделает все остальное.

Если в вашей CMS есть эта функция, вы получите:

Это абзац. Без тегов! И вот. Другой пункт.

Почему это работает? Прежде чем CMS выдаст вашу статью как страница в Интернете, добавляет необходимое.

теги.
Ваша CMS, вероятно, сделает это автоматически. Если этого не произойдет, возможно, вы сможете включить эту функцию.

Дважды нажмите ENTER для абзаца.

В текстовом редакторе вы обычно нажимаете ENTER только один раз между абзацами. Абзацы представляют собой одну строку, но текстовый редактор переносит их.

В HTML вы хотите дважды нажмите ENTER между абзацами. Если ваша CMS добавляет.

теги автоматически, скорее всего, ожидается пустая строка.