Тексты отображаемые в сети обычно пишутся на особом языке разметки. который называется HTML. Суть этого языка в том, что отдельные фрагменты текста (и не только текста) ограничиваются особыми служебными записями, которыми отмечается начало и конец фрагмента. Эти особые записи называются тегами (тег — по-русски «метка»). Каждый тег всегда заключён в угловые скобки. Например, каждый абзац текста обычно находится между двумя тегами. Тег, начинающий абзац, в простейшем случае выглядит как «<p>» или «<P>». Тег, завершающий абзац, всегда выглядит как «</p>» или «</P>». Буква P в обозначении тега от того, что английское название абзаца есть «параграф».
Открывающий тег при желании может быть оснащён вставками, меняющими оформление абзаца. Вставки эти называются атрибутами и их количество не ограничено. Они влияют, например, на цвет и размер шрифта, наличие отступа первой строки, и так далее. Если атрибуты в тег явно не включены, то оформление абзаца подчиняется неким стандартным правилам, описанным для каждого сайта отдельно. Эти правила применяются обычно ко всем абзацам сайта одновременно.
На языке HTML простой абзац выглядит, например, так:
<P> Пример текста абзаца…</P>
Браузер расшифровывает этот код и размещает текст абзаца на экране в зависимости от ситуации либо одной строкой, либо несколькими, если в одну строку абзац не вмещается. Итоговый вид абзаца не зависит от того как абзац записан в коде. Например, отображение следующего кода не будет отличаться от предыдущего:
<p> Пример
текста абзаца… </p>
То есть браузер не замечает ни переносов строк, имеющихся между тегами, ни повторяющихся пробелов.
Вообще, есть два тега похожих по поведению, которыми можно оформить абзац: P и DIV. Есть ли между ними разница, зависит от настройки сайта. На нашем сайте элемент P (в отличие от DIV) оформляется с отступом первой строки (это российская норма для верстки абзацев, красная строка в каждом абзаце). Из двух элементов P и DIV, формирующих абзацы, следует предпочитать P. При копировании текста извне, он часто уже разбит на абзацы тегами DIV. Такие DIV очень желательно заменять на Р, чтоб все посты были в одном стиле.
Если вы копируете готовый текст через системный буфер из постороннего источника, особенно как часть документа в формате Word, то копия чаще всего избыточно перегружена оформления. Это не всегда сразу видно, но всегда приносит проблемы при последующем редактировании.
Чтоб убрать лишнее оформление текста, есть пути.
- Вставлять текст на вкладке кода НТМL. (Во внутреннем редакторе есть две вкладки: Визуально и Код.)
- Вставлять текст на вкладке Визуально, но нажатием особой кнопки на панели редактора с названием «Вставить как текст».
- Вставлять текст на вкладке Визуально клавишами Ctrl+V, затем выделить вставленное и щелкнуть кнопку «Очистить форматирование».
Если вы вводите текст пост самостоятельно в редакторе WordPress, то действуют правила:
На вкладке Визуально
Клавиша Enter всегда создает новый абзац в виде элемент Р в окончательном коде. В силу особенностей редактора при переходе на на вкладку Код теги элемента P автоматически заменяются пустой строкой. Двойное нажатие клавиши Enter, дает код пустой строки в формате <p> </p>.
Кнопка Enter нажатая вместе с Shift вводит в код элемент разрыва строки <br>. Опять же при переходе на на вкладку Код тег <br> не виден и автоматически заменяется разрывом строки.
На вкладке Код
Пустая строка (может быть содержащая невидимые пробелы) воспринимается как начало параграфа. Таким образом для создания элемента P не нужно вводить никаких кодов, а просто два раза нажмите кнопку Enter. Если вы все же введете тег <p>, то он все равно в редакторе будет заменён пустой строкой. Добавим, что несколько пустых строк подряд, будут заменены единственной.
Просто перенос текста на новую строку всегда равносилен вставке кода <br>.
ВАЖНО, что редактор при переходе с вкладки Код на Визуально и обратно, а также при при всяком сохранении кода, автоматически изменяет оформление написанного вами. Не удивляйтесь, что некоторые элементы добавленные вами пропадут. И наоборот, появятся те, что вы не предусматривали.
Это сделано с благой целью исправлять сделанные вами ошибки. Но процедура несовершенна: исправляя ваши ошибки, добавляет свои. НО такова данность. Вставленные вами пробелы, переносы строк, а также стандартные комментарии в формате HTML часто вызывают появление элементов типа P, приводящих к непредусмотренным сдвигам абзацев и картинок.
Чтобы не было таких фокусов, нужно избегать необязательных пробелов и переносов строк и даже комментариев между элементами кода. Тем более, что все равно редактор насильно расставит пробелы и переносы по своему усмотрению.