Справочник веб-редактора

Пунктуация, пробелы

Точки в заголовках

В конце заголовков точка не ставится.

Если заголовок состоит из нескольких предложений, то точка ставится в конце каждого предложения кроме последнего.

Другие знаки препинания в конце заголовков не опускаются (вопросительные и восклицательные знаки, многоточие).

Тире, короткое тире, минус, дефис

В качестве тире всегда следует использовать длинное тире («—»).

В диапазонах чисел и дат рекомендуем использовать короткое тире («–»).

Символ Вид Набор в HTML Набор с клавиатуры
Тире (длинное) — Alt + 0151
Короткое (среднее) тире – Alt + 0150
Минус −
Дефис - клавиша на клавиатуре

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

На самом деле, видов «черточек» еще больше (например, клавиша на клавиатуре — это не совсем дефис), но перечисленных для веб-сайтов вполне достаточно.

Мотивация:

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

Символ переноса

Браузеры автоматически не расставляют переносы, но в HTML есть возможность указать возможное место переноса с помощью последовательности ­ (так называемый «мягкий перенос»).

Символ переноса отображается только в том случае, если перенос слова действительно был выполнен. Внутри строки символы переноса отображаться не будут.

Мягкие переносы рекомендуется использовать, если правая сторона текста получается слишком «рваная» и текст выглядит неэстетично (например, если длинное слово не помес­тилось в строку и перенеслось).

Расставлять переносы имеет смысл только в «критичных» местах, т. к.  делать это для всего текста слишком трудозатратно, да и читать слова с переносами, пожалуй, сложнее.

Пробел после точки

После точки всегда ставится пробел, в т. ч. в сокращениях и инициалах.

Исключение: когда после точки идёт другой знак препинания (скобка, запятая и т. п.).

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

Правильные русские кавычки

В русских текстах следует использовать «кавычки-ёлочки».

Для вложенных кавычек следует использовать „кавычки-лапки“.

Символ Вид Набор в HTML Набор с клавиатуры
Левая ёлочка « « Alt + 0171
Правая ёлочка » » Alt + 0187
Левая лапка „ Alt + 0132
Правая лапка “ Alt + 0147

Если в русском тексте присутствуют фразы на иностранном языке, заключенные в кавычки, то кавычки следует использовать русские.

Если слово (фраза) в кавычках является ссылкой, то сами кавычки в ссылку не включаются.

Неразрывный пробел

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

В HTML неразрывный пробел пишется как  .

Неразрывный пробел также можно ввести непосредственно, используя клавиатурную комбинацию Alt + 0160.

Случаи, когда следует использовать неразрывный пробел:

  • инициалы («Иванов И. И.»);
  • сокращения с точками («и т. д.»);
  • числа с последующим словом или единицей измерения («20 солдат», «10 м», «1999 год»);
  • числа с пробелами («11 000 руб»);
  • предлоги, союзы и некоторые частицы с последующим словом («на Солнце», «а затем», «не прыгает»);
  • некоторые частицы с предыдущим словом («крикнул бы»);
  • тире с предыдущим словом, а иногда и с последующим («конкурс „Soft-Парад — 2020“»).

Возможно применение неразрывного пробела и в других случаях для улучшения удобочитаемости (например, чтобы избежать строки из одного слова в конце абзаца).

В некоторых случаях неразрывный пробел используют для увеличенного     пробела, набирая его несколько раз. Хотя во многих случаях это просто неудачная альтернатива использованию CSS-стилей.

Запретить перенос строки можно и с помощью CSS-свойства «white-space:nowrap». Иногда данная возможность необходима, если нужно запретить перенос в части текста, не содержащей пробелы. Примеры таких случаев:

  • слова с дефисами («кое-что»);
  • телефонные номера («222-33-44»).

Вместо white-space иногда используют тег NOBR. Его «недостаток» в том, что его нет в спецификации HTML. Но при этом он работает во всех браузерах.

Написание номеров телефонов

Рекомендуемый формат написания номеров телефонов:

  • мобильных: +7 123 123‒45‒67,
  • городских:
    • если возможны звонки из-за рубежа: +7 (123) 123‒45‒67 или (+7 123) 123‒45‒67;
    • если номер написан специально для иностранцев: +7 123 123‒45‒67;
    • если ожидаются только местные звонки: 123‒45‒67.

Группы цифр разделяются дефисами: 123‒45‒67, 12‒34‒56, 1‒23‒45, 12‒34.
Коды городов группируются аналогично: +7 (12‒34) 12‒34‒56.

В качестве разделителя групп цифр рекомендуется использовать цифровое тире (figure dash). В HTML записывается как ‒.

Для удобства набора номера с мобильных устройств и приложений рекомендуется использовать ссылки вида:
<a href="tel:+7-123-123-45-67">+7 123 123‒45‒67</a>.

Мотивация:

Не следует начинать номер с восьмёрки, т. к. из-за рубежа такой номер не сработает.

Предпочтительнее всегда указывать код страны и города, чтобы ни у кого не было проблем с набором, а также для удобства их использования в программах (например, при копировании номера в Skype или в телефонную записную книжку).

В городских номерах скобки рекомендуется ставить вокруг кода города, чтобы читателям было проще узнать в нём городской номер. В некоторых источниках рекомендуют заключать в скобки код города вместе с кодом страны, однако такое написание на практике встречается относительно редко.

Оформление списков

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

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

В конце списка ставится точка.

В предложении перед списком ставится двоеточие, если оно является вводным к списку. Точка ставится, если предложение слабо связано с перечислением.

Мотивация:

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

«Где запятой мало, а точки много, там надо точку с запятой»
(А. П. Чехов, «Восклицательный знак»).

Разметка текста

Расшифровка аббревиатур

Если аббревиатура может быть неизвестна некоторым посетителям, то в тексте нужно хотя бы один раз расшифровать её (желательно при первом использовании) или использовать тег ABBR с атрибутом TITLE.

При использовании тега ABBR он должен иметь особенный стиль (например, подчеркивание пунктиром или цветной фон).

Ссылки на файлы

У ссылок на файлы следует указывать тип и размер файла.

Тип файла следует указывать иконкой, подписью или обоими способами одновременно.

Текст ссылки должен давать краткое описание того, что находится в файле.

Рекомендуемые сокращения единиц измерения объёма информации:

  • Б — байт (8 бит);
  • КБ — двоичный килобайт (1024 Б);
  • МБ — двоичный мегабайт (1024 КБ);
  • ГБ — двоичный гигабайт (1024 МБ);
  • ТБ — двоичный терабайт (1024 ГБ).

Использование списков

Перечисления в текстах оформляйте списками с помощью HTML-тегов UL или OL.

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

Мотивация:

Цитата из книги «Текст для Web. Доступность и привлекательность»:

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

Размещая элементы перечисления в списке и отмечая каждый элемент каким-то графическим символом, можно продемонстрировать читателям следующее:

  • с одной стороны, эти элементы чем-то похожи;
  • а с другой — все они чем-то отличаются.

Визуальное оформление позволяет читателю «получить» представление об общности перечисляемых элементов и сразу перейти к нужному элементы без необходимости считывать все элементы по порядку».

Стиль изложения

Длина заголовков

Заголовки должны быть достаточно короткими (желательно не длиннее 60 символов, максимум 100) и они должны выражать суть материала коротко и понятно.

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

Заголовок не должен включать несущественную информацию и много подробностей, но в то же время он должен дать понять посетителю, что предложенный материал решает какую-то его «проблему» (образо­ва­тельную, развлекательную, бытовую и т. п.).

Недопустимы заголовки типа «Уважаемые коллеги!», «Внимание!!!», «Важная информация».

Мотивация:

Якоб Нильсен рекомендует использовать заголовки не более 60 символов.

Заголовок должен привлекать посетителя к прочтению текста, а чем длиннее заголовок и чем больше в нём несущественной информации, тем меньше шансов, что посетитель прочтёт его полностью и продолжит чтение самого текста.

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

Орфография, наименования

Слово «Интернет»

Слово Интернет пишется по-русски, с прописной буквы, без кавычек. Склоняется.

При использовании в первой части сложных слов пишется через дефис со строчной буквы.

Слово «онлайн»

Слово онлайн пишется по-русски, со строчной буквы, без дефиса.

При использовании в первой части сложных слов пишется через дефис.

Акроним «вуз»

Слово вуз (сокращение от «высшее учебное заведение») пишется строчными буквами. Склоняется.

Cокращения учёных степеней и званий

Учёные степени и звания следует сокращать в соответствии с рекомендациями Министерства науки РФ.

Сокращение Полное написание
Учёные степени
д-р архитектуры доктор архитектуры
д-р биол. наук доктор биологических наук
д-р ветеринар. наук доктор ветеринарных наук
д-р воен. наук доктор военных наук
д-р геогр. наук доктор географических наук
д-р геол.-минерал. наук доктор геолого-минералогических наук
д-р искусствоведения доктор искусствоведения
д-р ист. наук доктор исторических наук
д-р культурологии доктор культурологии
д-р мед. наук доктор медицинских наук
д-р пед. наук доктор педагогических наук
д-р полит. наук доктор политических наук
д-р психол. наук доктор психологических наук
д-р социол. наук доктор социологических наук
д-р с.-х. наук доктор сельскохозяйственных наук
д-р техн. наук доктор технических наук
д-р фармацевт. наук доктор фармацевтических наук
д-р физ.-мат. наук доктор физико-математических наук
д-р филол. наук доктор филологических наук
д-р филос. наук доктор философских наук
д-р хим. наук доктор химических наук
д-р экон. наук доктор экономических наук
д-р юрид. наук доктор юридических наук
канд. архитектуры кандидат архитектуры
канд. биол. наук кандидат биологических наук
канд. ветеринар. наук кандидат ветеринарных наук
канд. воен. наук кандидат военных наук
канд. геогр. наук кандидат географических наук
канд. геол.-минерал. наук кандидат геолого-минералогических наук
канд. искусствоведения кандидат искусствоведения
канд. ист. наук кандидат исторических наук
канд. культурологии кандидат культурологии
канд. мед. наук кандидат медицинских наук
канд. пед. наук кандидат педагогических наук
канд. полит. наук кандидат политических наук
канд. психол. наук кандидат психологических наук
канд. социол. наук кандидат социологических наук
канд. с.-х. наук кандидат сельскохозяйственных наук
канд. техн. наук кандидат технических наук
канд. фармацевт. наук кандидат фармацевтических наук
канд. физ.-мат. наук кандидат физико-математических наук
канд. филол. наук кандидат филологических наук
канд. филос. наук кандидат философских наук
канд. хим. наук кандидат химических наук
канд. экон. наук кандидат экономических наук
канд. юрид. наук кандидат юридических наук
Учёные звания
доц. доцент
проф. профессор
Другие звания
ст. науч. сотр. старший научный сотрудник
мл. науч. сотр. младший научный сотрудник
акад. академик
чл.-кор. член-корреспондент

Названия мероприятий с указанием года

Название мероприятий из одного слова следует писать через дефис с последующим годом (например, «Универсиада-2019»).

Если название состоит из нескольких слов или содержит дефис, то следует использовать тире и отбивать его пробелами (например, «Soft-Парад — 2020»).

Названия институтов, кафедр, специальностей и направлений

Названия институтов пишутся с прописной буквы. Склоняются.

Названия кафедр пишутся без кавычек строчными буквами. Склоняются.

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

Отдельное слово «институт» (без полного наименования института) пишется со строчной буквы. Исключение — официальные документы, где оно пишется с прописной буквы, если используется в качестве сокращения полного наименования.

Местоимение «вы»

Местоимение вы при обращении к посетителям сайта пишется со строчной буквы.

Местоимение Вы пишется с прописной буквы при обращении к одному лицу в личных письмах, официальных документах и анкетах. В остальных случаях вы пишется со строчной буквы.

Буква «ё»

Буква ё пишется в случаях, когда возможно неверное чтение или понимание слова (в том числе в именах собственных).

Букву ё также следует использовать в текстах для детей и для лиц, изучающих русский язык как неродной.

В остальных случаях буква ё факультативна, однако на усмотрение автора допускается повсеместное последовательное её применение.

Приставка «мега»

Приставка «мега» в составе слов пишется слитно (без дефиса).

Юзабилити

Ширина поля для ввода поискового запроса

Рекомендуемая минимальная длина поля для ввода ключевых слов в форме для поиска по сайту — 27 символов.

Если дизайн сайта не позволяет сделать поле в 27 символов или более, то поле следует сделать хотя бы не менее 21 символов (тогда порядка 70% запросов всё ещё будут видимы без прокрутки). Если дизайн позволяет, то длину следует увеличить до 35 символов.

Мотивация:

Рекомендация в 27 символов приведена в книге Якоба Нильсена и Хоа Лоранжер «Web-дизайн: удобство использования Web-сайтов» (2006 г.). По исследованиям, такой ширины достаточно, чтобы поле вмещало 90% всех запросов. По тем же исследованиям половина запросов не превышает 14 символов.

По исследованиям поисковых запросов на сайте СФУ половина запросов также не превышает 14 символов, однако чтобы достичь результата в 90% длина поля должна быть не менее 35 символов. А 27 символов будет достаточно, чтобы в поле поместилось около 80% запросов.

Соглашения СФУ

Сокращения названий институтов СФУ

При написании названий институтов СФУ следует придерживаться общепринятых сокращений.

Полное название Сокращение
Военно-инженерный институт ВИИ
Гуманитарный институт ГИ
Инженерно-строительный институт ИСИ
Институт архитектуры и дизайна ИАиД
Институт горного дела, геологии и геотехнологий ИГДГиГ
Институт инженерной физики и радиоэлектроники ИИФиРЭ
Институт космических и информационных технологий ИКИТ
Институт математики и фундаментальной информатики ИМиФИ
Институт нефти и газа ИНиГ
Институт педагогики, психологии и социологии ИППС
Институт управления бизнес-процессами и экономики ИУБПЭ
Институт физической культуры, спорта и туризма ИФКСиТ
Институт филологии и языковой коммуникации ИФиЯК
Институт фундаментальной биологии и биотехнологии ИФБиБТ
Институт цветных металлов и материаловедения ИЦМиМ
Институт экологии и географии ИЭиГ
Институт экономики, управления и природопользования ИЭУиП
Политехнический институт ПИ
Торгово-экономический институт ТЭИ
Юридический институт ЮИ

Во всех названиях союз «и» в аббревиатуре присутствует в виде строчной буквы, кроме названий трёх институтов, при написании которых традиционно эта буква отсутствует: ИКИТ, ИППС, ИУБПЭ.

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