Личный кабинет

Заголовок <h1>

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

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

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

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

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

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

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

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

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

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

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

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

Списки

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

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

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

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

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

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

Ссылки

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

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

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

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

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

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

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

Инпуты

Пример: кол-во символов не должно превышать более 23 символов.

Кнопки

Small
Medium
Large

Таблица

Название Город Общая Арендная Открытие Посетителей, млн в год
ТРЦ «МореМолл» Москва 137 000 60 000 2016
ТРЦ на Хорошевском шоссе Москва 114 000 50 000 2016
ТРЦ «Галерея Краснодар» Краснодар 145 000 64 000 Декабрь 2012 14.5
ТРЦ Ocean Plaza Киев 160 000 70 000 Декабрь 2013 18
ТРЦ «Галерея Новосибирск» Новосибирск 134 000 54 000 Октябрь 2012 3.5
ТРЦ «МореМолл» Сочи 169 000 80 000 Март 2014 11

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

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