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

Очень длинный заголовок у типовой текстовой страницы, чтобы настроить междустрочный интервал <h1+>

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

Многострочный заголовок, длина которого иногда бывает так некстати <h2>

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

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

Нарочито длинный заголовок третьего уровня, позволяющий убедиться в правильном интерлиньяже <h3>

Имманентный подход подразумевает отношение к тексту как к автономной реальности, нацеленность на выявление его внутренней структуры. Репрезентативный — рассмотрение текста как особой формы представления знаний о внешней тексту действительности.

Несколько двухстрочных
заголовков <h1>

Для проверки
их сочетания

А именно: отступов и интерлиньяжа

Если за заголовком более низкого уровня сразу следует заголовок более высокого, это нарушает композиционную связность элементов оформления и логику повествования. Поэтому после заголовка должен следовать текст (или иной контент), который этот заголовок и подчиненные ему подзаголовки, если они есть, озаглавливают (подробнее см. в «Ководстве»: § 136. Теория близости).

Списки

Ненумерованный список

Для уменьшения расстояния между параграфом и связанным с ним списком, параграфу нужно добавлять класс «Перед списком» (before_list).

Кроме того, существуют правила оформления списков:

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

Нумерованный список

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

Ссылки

Внешние ссылки и ссылки в новом окне

На сайте может встречаться несколько видов ссылок: Например, ссылка на Яндекс  является внешней. Внутренние ссылки могут открываться по умолчанию в текущем окне (например, переход на главную страницу) или в новом окне   (например, для показа изображений в оригинальном размере). Подробнее: § 171. Правила оформления ссылок  .

Оформление текста

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

Раскрывающийся контент

Селекты и календари

Инпуты

Кнопки

Таблица

Абзац напоследок с документами

ТРЦ «Галерея Кутузовский» расположен на одной из важнейших транспортных магистралей столицы – на Кутузовском проспекте – рядом со станцией метро «Славянский бульвар». Концепцией проекта предусмотрено наличие продуктового супермаркета.