Главная страница

H1. Типовая текстовая страница

Лид — это первый абзац статьи, информативный отрывок позволяющий захватить внимание читателя на данном материале. Необязательный элемент.
Эта страница создана для демонстрации блоков и элементов, которые используются на сайте, и служит руководством для всех, кто работает над ним. Дизайнеры и технологи отрабатывают здесь стили, чтобы добиться приемлемых результатов в различных сочетаниях блоков и элементов. Контент-менеджеры и редакторы используют страницу в качестве справочника по верстке типовых страниц. Здесь же рассказывается о некоторых общих правилах оформления контента.
Название кнопки
Файлы для скачивания
Форма
Подстрочный, надстрочный
Классы бутстрапа (важно, инфа, удачно, варнинг)
Картинка справа, картинка слева
H3. TODO:
Текст состоит из некоторого количества предложений. Одно предложение, даже очень распространённое, сложное, текстом назвать нельзя, поскольку текст можно расчленить на самостоятельные предложения, а части предложения сочетаются по законам синтаксиса сложного предложения, но не текста.
Text 22.В первую очередь нас интересуют интерлиньяж и отступы, но не стоит забывать и про сам заголовок.
Типовые элементы оформляются в системе администрирования через визуальный редактор «Реформатор». Чтобы контент-менеджеру было легче в них ориентироваться, их количество лучше свести к необходимому минимуму.
H3. Делаем заголовки нарочито длинными и объемными, чтобы убедиться в правильном интерлиньяже.
Типовые элементы оформляются в системе администрирования через визуальный редактор «Реформатор». Чтобы контент-менеджеру было легче в них ориентироваться, их количество лучше свести к необходимому минимуму.
H2. Многострочный заголовок, длина которого иногда бывает так некстати
Заголовок <H4> используется для вспомогательной информации, а также для чисел или преимуществ.
H4. Пример заголовка 4 уровня
«Нижний» заголовок <H2 MINI> используется только в качестве подзаголовка для разделения блоков.
«Нижний» заголовок <Нейропорт H2> используется в качестве подзаголовка блоков только для названий «НейроПорт+» и «НейроПорт».
H2 MINI. Низкоуровневый заголовок
Нейропорт H2. Низкоуровневый заголовок
Если за заголовком более низкого уровня сразу следует заголовок более высокого, это нарушает композиционную связность элементов оформления и логику повествования. Поэтому после заголовка должен следовать текст (или иной контент), который этот заголовок и подчиненные ему подзаголовки, если они есть, озаглавливают.
Однако, в реальной ситуации подобных скоплений заголовков лучше избегать <H4>
Таким образом проверим их сочетание: интерлиньяж и отступы <H3>
Теперь покажем несколько двустрочных заголовков подряд <H2>
H2 MiNI. Небольшой короткий подзаголовок
Важно следить за тем, чтобы элементы надстрочных и подстрочных индексов не увеличивали высоту строки, потому что это портит вид текстового блока. Пример: 23. Еще пример: H2SO4. В обоих случаях высота строки от индексов не должна меняться. Если отступ между первой и второй строками увеличился, значит, что-то сделано неправильно.
Надстрочные и подстрочные индексы
И такая ссылка
Такая ссылка
Например, гиперссылка внутри основного текста.
На сайте может встречаться несколько видов ссылок. Внутренние ссылки могут открываться по умолчанию в текущем окне (например, переход на главную страницу) или в новом окне (например, для перехода на сторонние ресурсы/контакты).
Ссылки
с цветовым выделением.
без маркеров;
с небольшими отступами;
Кстати списки с короткими пунктами оформляются проще:
Короткие пункты
Если пункты списка короткие, не являются самостоятельной законченной конструкцией и грамматически тесно связаны с предшествующей списку вводной фразой, они должны начинаться со строчной буквы и заканчиваться точкой с запятой (в конце последнего пункта — точка).
2.
Если пункты списка короткие, не являются самостоятельной законченной конструкцией и грамматически тесно связаны с предшествующей списку вводной фразой, они должны начинаться со строчной буквы и заканчиваться точкой с запятой (в конце последнего пункта — точка).
1.
Если пункты списка короткие, не являются самостоятельной законченной конструкцией и грамматически тесно связаны с предшествующей списку вводной фразой, они должны начинаться со строчной буквы и заканчиваться точкой с запятой (в конце последнего пункта — точка).
Если пункты списка короткие, не являются самостоятельной законченной конструкцией и грамматически тесно связаны с предшествующей списку вводной фразой, они должны начинаться со строчной буквы и заканчиваться точкой с запятой (в конце последнего пункта — точка).
Если пункты списка длинные и представляют собой развернутые предложения, они должны начинаться с прописной буквы и заканчиваться точкой.
Если пункты списка длинные и представляют собой развернутые предложения, они должны начинаться с прописной буквы и заканчиваться точкой.
Для уменьшения расстояния между параграфом и связанным с ним списком, параграфу нужно добавлять класс «Перед списком» (before_list). Кроме того, существуют правила оформления списков:
Списки
Форматирование текста
*Размер языковой пластины можно выбрать без дополнительной оплаты.
Элемент «Комментарий» (класс comment) применяется к пояснительному тексту. И еще немного специально написанного текста для наглядности:
Комментарии
Наиболее простыми способами выделения информации являются полужирное и курсивное начертания.
Оформление текста 4
Наиболее простыми способами выделения информации являются полужирное и курсивное начертания.
Оформление текста 3
Название перечисляемых элементов в одну строку
Название перечисляемых элементов в одну строку
Название перечисляемых элементов в одну строку
Название перечисляемых элементов в одну строку
Название перечисляемых элементов в одну строку
Название перечисляемых элементов в одну строку
Название перечисляемых элементов в одну строку
Текст состоит из некоторого количества предложений. Одно предложение, даже очень распространённое, сложное, текстом назвать нельзя, поскольку текст можно расчленить на самостоятельные предложения, а части предложения сочетаются по законам синтаксиса сложного предложения, но не текста.
Название перечисляемых элементов в одну строку
Название перечисляемых элементов в одну строку
Название перечисляемых элементов в одну строку
H2. Пример блока с перечислением
H2. Пример блока-баннера с кнопкой на весь экран
Текст состоит из некоторого количества предложений. Одно предложение, даже очень распространённое.
Название кнопки
Text 22. Пример блока из основного текста с описанием и плиткой. Текст состоит из некоторого количества предложений. Текст можно расчленить на предложения, а части предложения сочетаются по законам синтаксиса сложного предложения, но не текста.
H2 Mini. Подзаголовок блока в 1-2 слова
Текст состоит из некоторого количества предложений. Одно предложение, даже очень распространённое, сложное, текстом назвать нельзя, поскольку текст можно расчленить на самостоятельные предложения, а части предложения сочетаются по законам синтаксиса сложного предложения, но не текста.

Если текст объемный, то требуется разделение абзацем, разделяя текст на смысловые блоки.
H4. Название плитки со списком внутри:
элемент списка;
элемент списка;
элемент списка;
пример длинного элемента списка, который располагается в несколько строк;
пример длинного элемента списка, который располагается в несколько строк;
пример длинного элемента списка, который располагается в несколько строк;
пример длинного элемента списка, который располагается в несколько строк;
пример последнего элемента в списке.
Text 22. Пример блока из основного текста с описанием и 3 дополнительными элементами. Текст состоит из некоторого количества предложений. Текст можно расчленить на предложения, а части предложения сочетаются по законам синтаксиса сложного предложения, но не текста.
H2 Mini. Подзаголовок блока в 1-2 слова
Текст состоит из некоторого количества предложений. Одно предложение, даже очень распространённое, сложное, текстом назвать нельзя, поскольку текст можно расчленить на самостоятельные предложения, а части предложения сочетаются по законам синтаксиса сложного предложения, но не текста.
название элемента 3
название элемента 2
название элемента 1
элемент списка;
пример последнего элемента в списке.
элемент списка;
пример длинного элемента списка, который располагается в несколько строк;
нарушение способности считать, рассуждать и анализировать предметы;
пример длинного элемента списка, который располагается в несколько строк;
пример длинного элемента списка, который располагается в несколько строк;
H4. Вариант блока из 2 плиток-списков:
элемент списка;
элемент списка;
элемент списка;
пример длинного элемента списка, который располагается в несколько строк;
пример длинного элемента списка, который располагается в несколько строк;
пример длинного элемента списка, который располагается в несколько строк;
элемент списка;
пример последнего элемента в списке.
H4. Вариант блока из 2 плиток-списков:
H3. Пример блока с датами
H4. Вариант подзаголовка из одного небольшого предложения, который дополняет основную мысль.
Типовые элементы оформляются в системе администрирования через визуальный редактор «Реформатор». Чтобы контент-менеджеру было легче в них ориентироваться, их количество лучше свести к необходимому минимуму.
Дата
Дата
Имманентный подход подразумевает отношение к тексту как к автономной реальности, нацеленность на выявление его внутренней структуры.
Репрезентативный — рассмотрение текста как особой формы представления знаний о внешней тексту действительности.
Название кнопки