Общие правила верстки
Желательно редактировать все поступающие тексты. Обычно тексты грамматически правильны, но могут значительно искажаться в окне браузера, поскольку браузер автоматически перестраивает текст, чтобы приладить его к размеру экрана. Для этого (если текст специально не размечен) удаляются повторные пробелы и переносы между словами и, наоборот добавляются разрывы строк, если надо длинную строку уложить в короткий экран.
В итоге появляются разрывы в тексте там, где их не задумал автор текста: между инициалами и фамилией, между числом и последующей единицей измерения (напр. «5 км») в прочих подобных случаях.
Некоторые из таких переносов терпимы, но портят хорошо сверстанный текст. Например, некрасиво, когда частицы вроде «-то» и «-е» отваливаются от предшествующего слова. Некрасиво, когда короткое слово, первое в предложении (обычно это предлог, союз) отрывается от предложения. Некрасиво, когда последнее в предложении слово отрывается от предложения. И так далее…
Кроме того, тексты надо делать удобными для чтения. Для этого они должны быть поделены на небольшие фрагменты (чтоб глазу было за что зацепиться при чтении).
Существуют следующие правила, которые подкреплены многолетней практикой создания публицистических (то есть, не художественных и не научно-технических) текстов:
- Надо избегать длинных предложений. Десять слов в предложении это уже многовато.
- Не приветствуются сложные причастные обороты, а уж деепричастные и подавно. В общем, любое длинное предложение надо дробить на несколько коротких. Надо избегать использования скобок.
- Предложения полезно связывать словами вроде «поэтому», «однако», «в итоге».
- Если текст длиннее странички, его желательно подробить на части и каждой давать заголовок.
- Длинные абзацы — это тоже плохо, глазу не за что цепляться. За полсотни слов в одном абзаце желательно не вылезать.
- Точки в конце заголовков и подписей не ставятся.
Перечисления
Перечисления должны складываться из однородных пунктов.
Например:
«(1) Поднять, (2) вычистить, (3) заказать»
или
«(1) Подъем, (2) чистка, (3) заказ».
И никак иначе. Так неграмотно: «(1) Подъем, (2) почистили, (3) заказали».
Числительные
Числительные, состоящие из одной цифры пишутся прописью (если они не в таблице). Например, правильно «купили три морковки», но не «купили 3 морковки».
Категорически(!) с цифры нельзя начинать предложение.
Про пробелы
Пробелами НЕ отделяются:
знаки препинания и предшествующий текст;
многоточие в начале предложения и последующий текст;
тире после точки или запятой;
тире между границами промежутка (например, «5—8 лет», «три—семь дней» или «поезд Москва—Берлин»);
тире между фамилиями авторов результата (например, «метод Гаусса—Зейделя»);
точка или запятая перед знаком сноски;
кавычки или скобки и заключенный в них текст (чтоб не отваливались при автоматическом переносе);
число перед знаком градуса, минуты, секунды или терции;
дефис и смежные элементы;
буквенно-цифровые обозначения.
Пробелы обязательно ставятся
по бокам тире
между числом и последующей единицей измерения (’10 руб.’, но не ’10руб.’).
Неразрывный пробел вводится в код как последовательность символов « » или « » которая видна только при редактировании кода. Слова, соединенные неразрывным пробелом, браузер рассматривает как единую конструкцию, не разделяемую на слова, которая переносится в новую строку целиком.
Когда неразрывный пробел необходим:
- между фамилией и инициалами, например «Иванов И. И.», надо набирать «Иванов И. И.»
- в сокращениях с точками, например «и т. д.», надо набирать «и т. д.»
- в числах с последующим связанным словом или единицей измерения («20 солдат», «10 м», «1999 год»)
- в числах с пробелами («11 000 руб»)
- перед тире, а иногда и после («конкурс „Soft-Парад — 2020“»)
Когда неразрывный пробел желателен:
- после предлога, союза и некоторых частиц в начале предложения («На Солнце», «А затем», «Не следует»)
Когда нужно, чтоб не возникал перенос после знака дроби (слэша), за этим знаком вставляется код неразрывного пробела нулевой ширины ‘⁠’. Например, чтоб между строками не разрывалось дробное число 1/2, его нужно записать кодом ‘1/⁠2’.
Тире и дефис нужно различать. Как дефис обычно используются «минус», но для тире есть особый знак со своим кодом. Даже два знака: ‘–’ — тире шириной как английская ‘n’ и —’ — как ‘m’. Кроме того между частицей и словом («во-первых», «когда-нибудь», «10-й») правильно ставить не просто дефис, а дефис неделимый с кодом ‘‑’.
Сокращения используются в научных текстах, а популярных, их лучше избегать. Вместо «д. Ежи», писать «деревня Ежи», вместо «в 1990-2000 гг.» писать «в 1990-2000 годах»
Об абзацах в сетевых текстах. Это важно!
Тексты отображаемые в сети обычно пишутся на особом языке разметки. который называется HTML. Суть этого языка в том, что отдельные фрагменты текста (и не только текста) ограничиваются особыми служебными записями, которыми отмечается начало и конец фрагмента. Эти особые записи называются тегами (тег — по-русски «метка»). Каждый тег всегда заключён в угловые скобки. Например, каждый абзац текста обычно находится между двумя тегами. Тег, начинающий абзац, в простейшем случае выглядит как «<p>» или «<P>». Тег, завершающий абзац, всегда выглядит как «</p>» или «</P>». Открывающий тег при желании может быть усложнён вставками, меняющими оформление обзаца. Вставки называются атрибутами, их количество не ограничено, и они влияют, например, на цвет и размер шрифта, наличие отступа первой строки, и так далее. Если атрибуты явно не указаны, то обормление абзаца подчиняется неким стандартным правилам, описанным отдельно, и применяемым обычно ко всем абзацам сайта обновременно. Итак на языке HTML простой обзац выглядит, наример, так:
<P> Пример текста абзаца…</P>
Браузер расшифровывает этот код и размещает текст абзаца на экране в зависимости от ситуации либо одной строкой, либо несколькими, если в обну строку абзац не вмещается. Итоговый вид абзаца не зависит от того как абзац записан в коде. Например, отображение следующего кода не будет отличаться от предыдущего:
<p> Пример
текста абзаца… </p>
То есть браузер не замечает ни переносов строки между тегами, ни повторяющихся пробелов.
Вообще, есть два тега, которыми можно оформить абзац: P и DIV. Есть ли между ними разница, зависит от настройки сайта. На нашем сайте элемент P (в отличие от DIV) оформляется отступом первой строки (это российская норма для верстки абзацев). Следовательно из двух элементов, формирующих абзацы, следует предпочитать P. При копировании текста извне, он часто разбит на абзацы тегами DIV, которые не образуют красного отступа у начальной строки абзаца. Такие DIV нужно заменять на Р.
Но выше сказанное относится к готовому коду HTML. Если вы пользуетесь для создания поста стандартным встроенным редактором постов (а вы им пользуетесь), то ситуация с абзацами становится в чем-то проще, а в ем-то сложнее. ВАЖНО! Встроенный в сайт редактор автоматически изменяет написанный код страницы при всяком её сохранении.
Есть два рода таких изменений:
- Всякая пустая строка означает, что предшествующий ей текст будет автоматически обернут тегами <p> и </p>.
- Всякое принудительное начало строки в коде (то есть место, которое было отмечено нажатием клавиши ENTER) заменяется на тег <br>.
Причем, тегов <p>, </p> и <br> вы в редакторе не увидите. Более того, если вы их принудительно напишете, то после сохранения кода теги <p> и </p> будут заменены вставленной пустой строкой, а тег <br> — простым разрывом строки.
Это с одной стороны удобно: <br> и <p> реализуются просто вводом новой строки (то есть нажатием клавиши ENTER).
Но с другой стороны, этот механизм не слишком совершенен, и часто редактор заворачивает тегами <p> то, что не нужно (например, элементы комментария или картинки). Последнее проявляется в появлении непредусмотренных вертикальных сдвигов абзацев или картинок. Если это мешает верстке и на сайте вы получаете непредусмотренные сдвиги, попробуйте удалить все необязательные пробелы, переносы и комментарии между элементами кода.