Title

Структура материала

			// От начала и до конца всё содержимое статьи оборачиваем в теги 
<article> содержимое </article>


// Первый блок должен быть обёрнут в теги 
<header>
	<p>
		Вступительный текст
	</p>
	<blockquote>
		Вступительный текст 
	</blockquote>
</header>


// Второй блок должен быть посвящён содержанию статьи. Блок помещён в развёрнутый аккордеон. Где:
	data-parent="#accordion1" — уникальное значение. 
	В следующих аккордеонах в статье наращиваем значение на 1, например data-parent="#accordion2"
	

	href="#accordion1" — уникальное значение. 
	В следующих аккордеонах в статье наращиваем значение на 1, например href="#accordion2"
	

	id="accordion1" — уникальное значение. 
	В следующих аккордеонах в статье наращиваем значение на 1, например id="accordion2"
<nav>
	<div class="accordion-type-2">
		<div class="item-accordion-wrapper shadow-hovered shadow-no-border-hovered opened">
			<div class="accordion-head colored_theme_hover_bg-block font_md accordion-open" data-toggle="collapse" data-parent="#accordion1" href="#accordion1">
				<i class="svg inline  svg-inline-right-arrow" aria-hidden="true">
					<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8 1V15M1 8H15" stroke="#999999" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></svg>
				</i>
				<h2 id="toc">Оглавление</h2>
			</div>
			<div id="accordion1" class="panel-collapse in" style="height: auto;">
				<div class="accordion-body">
					<ul>
						<li><a href="#Якорь_1">Пункт 1</a></li>
						<li><a href="#Якорь_2">Пункт 2</a></li>
						<li><a href="#Якорь_3">Пункт 3</a></li>
					</ul>
				</div>
			</div>
		</div>
	</div>
</nav>


// На протяжение всей статьи могут встречаться сноски для текста или ссылок
<aside>
	<h3>Заголовок</h3>
	<ul>
		<li><a href="ссылка_1" rel="nofollow">Название 1</a></li>
		<li><a href="ссылка_2" rel="nofollow">Название 2</a></li>
	</ul>
	<p>Простой текст</p>
</aside>


// Всю статью нужно разбивать на логические блоки. 
// Каждый такой блок начинается с заголовка <h2>Заголовок</h2>
// Каждый последующий блок в статье должны быть обёрнут в секцию с уникальным ID для якорения.
<section id="Якорь_1">
	Блок 1
</section>
<section id="Якорь_2">
	Блок 2
</section>


// Заканчиваем статью блоком 
<footer>
	<p> Завершающая секция с заключительным словом и ссылками на использованные материалы. </p>
</footer>

Простой вступительный текст

Красиво оформленный вступительный текст

Оглавление

Пункт оглавления 1

Пункт оглавления 2

Пункт оглавления 3

Заголовок блока сносок

Название 1

Название 2

Простой текст внутри сноски

H2 заголовок — заголовок секции

Подзаголовок или лид-параграф с вводной информацией

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

H3 заголовок — заголовок подраздела секции

Первый элемент неупорядоченного списка

Второй элемент неупорядоченного списка

Третий элемент со вложенным списком:

Вложенный элемент первого уровня

Вложенный элемент второго уровня

H2 заголовок — заголовок новой секции

// Блок кода для примера конфигурации function exampleFunction() { const variable = "значение"; return variable; }

H3 заголовок — заголовок подраздела секции

Цитата или важное замечание, выделенное отдельным блоком.

H4 заголовок — заголовок подподраздела секции

Заголовок колонки 1 Заголовок колонки 2 Заголовок колонки 3

Ячейка данных 1-1 Ячейка данных 1-2 Ячейка данных 1-3

Ячейка данных 2-1 Ячейка данных 2-2 Ячейка данных 2-3

H2 заголовок — заголовок новой секции

H3 заголовок для нумерованного списка

Первый элемент упорядоченного списка

Второй элемент упорядоченного списка

Третий элемент упорядоченного списка

Подпись к изображению для дополнительного контекста

H2 заголовок — FAQ раздел

Вопрос

Ответ на вопрос в виде параграфа.

Вопрос

Ответ на вопрос в виде параграфа.

Заголовок завершающей секции

Текст в футере со ссылками Название, Название, Название

Ссылка в футере 1

Ссылка в футере 2

Ссылка в футере 3

Заголовок колонки 1	Заголовок колонки 2	Заголовок колонки 3
Ячейка данных 1-1	Ячейка данных 1-2	Ячейка данных 1-3
Ячейка данных 2-1	Ячейка данных 2-2	Ячейка данных 2-3

Услуги

Партнёры

Блог

Компания

О компании

Команда

Документы

Отзывы

Вопросы и ответы

Услуги

Разработка сайтов

Дизайн и брендинг

Сопровождение сайтов

Аудит и аналитика

Хостинг и домены

Информация

Условия оплаты

Гарантия на работы

Вопрос-ответ

Политика

+7 (982) 413-33-94

Заказать звонок

info@rosveb.ru

г. Краснодар, ул. Покрышкина 4/9 пом.175

Вконтакте

Telegram

WhatsApp

2025 © Профессиональная разработка сайтов и комплексное SEO-продвижение.
ИП Гуляев Алексей Григорьевич, ИНН 860225854361

Цифровые технологии с

Каталог

По всему сайту

По каталогу