Форматирование текста на сайте

Дмитрий Корнев
18 апреля 2020

Многие не уделяют этому должного внимания. Я устал это объяснять пользователям, отвечающим за наполнение сайтов. Решил уже написать эту статью, чтобы просто показывать ее, когда требуется.

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

Может быть эти люди и разбираются в правилах форматирования текста, но на это у них нет времени. Да и при размещении публикации на сайт, форматирование может сбиваться. Поэтому именно вам, тому кто размещает статью на сайт, необходимо контролировать и поправлять форматирование, в случае необходимости.

Иметь статьи, новости, любой другой контент на сайте без должного форматирования — это просто неприлично. Это сразу показывает уровень сайта, уровень его авторов. Особенно печально если сайт принадлежит солидной компании.

Сказанное относится не только к тексту статей, но и к заголовкам.

Кавычки

С кавычками дела особенно плохи. Кавычки бывают многих видов, например «такие», "такие", или 'такие', кто-то умудряется поставить даже `такие`. Надо определиться, какие именно кавычки вы используете на сайте и использовать только их.

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

Тире и дефис

Аналогично, надо уяснить, что это разные вещи.

Тип Вид Описание Пример
Дефис, орфографический знак - Используется только внутри слов, не надо отделять пробелами что-либо, веб-сайт
Тире среднее Служит для обозначения числовых интервалов, пробелами тоже не отделяется 10–20 минут, 1980–1990 гг.
Тире длинное, пунктуационный знак Используется внутри предложений, отделяется пробелами Век живи — век учись

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

Абзацы

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

Способ форматирования зависит от редактора, который используется на сайте. Если это какой-то визуальный редактор, то там достаточно в каждом абзаце в конце нажать Enter. Но при этом надо следить, чтобы не образовался двойной интервал между строк. Лишнее убирайте.

Пример текста, где строки отделены переносами:

Квазар квантово разрешен. Турбулентность излучает атом. Струя принципиально неизмерима. Исследователями из разных лабораторий неоднократно наблюдалось, как силовое поле взаимно.
Суспензия, как того требуют законы термодинамики, коаксиально отражает элементарный фотон. Колебание изотермично отклоняет барионный магнит. Расслоение представляет собой взрыв в том случае, когда процессы переизлучения спонтанны.
Лептон последовательно концентрирует расширяющийся объект. Атом упруго излучает электрон. Неустойчивость, как известно, быстро разивается, если гравитирующая сфера выталкивает ультрафиолетовый атом. Объект синхронизует внутримолекулярный электрон. Темная материя неустойчива.

Тот же текст с правильным форматированием:

Квазар квантово разрешен. Турбулентность излучает атом. Струя принципиально неизмерима. Исследователями из разных лабораторий неоднократно наблюдалось, как силовое поле взаимно.

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

Лептон последовательно концентрирует расширяющийся объект. Атом упруго излучает электрон. Неустойчивость, как известно, быстро разивается, если гравитирующая сфера выталкивает ультрафиолетовый атом. Объект синхронизует внутримолекулярный электрон. Темная материя неустойчива.

Пробелы

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

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

Сайты сейчас все адаптивные. Экраны и ширина текста у всех разная. Переносы у всех могут расставляться по-разному. Поэтому, даже если у вас на экране проблем нет, лучше расставить неразрывные пробелы там, где это может быть критично.

Например мощности 1500 кВт должно быть достаточно. Здесь я бы поставил неразрывный пробел между 1500 кВт. Или: ООО «Фирма», здесь тоже очевидно, что лучше чтобы название юредического лица было цельным. Или адрес: Город, ул. Уличная, 10, корпус 1. Здесь неразрывный пробел не помешает в ул. Уличная, 10, и корпус 1.

Комментарии