Для начала работы с HTML убедитесь, что структура документа корректна. Основные элементы, такие как <html>, <head> и <body>, должны быть правильно организованы. Внутри <head> обязательно разместите тег <title>, который задает заголовок страницы, отображаемый в браузере. Например, <title>Моя первая страница</title>.
В разделе <head> также можно добавить метатеги, такие как <meta charset=»UTF-8″>, чтобы указать кодировку страницы. Это важно для корректного отображения текста. Кроме того, здесь можно подключить внешние ресурсы, например, стили CSS или скрипты JavaScript, используя теги <link> и <script>.
Основное содержимое страницы размещайте внутри тега <body>. Здесь вы можете использовать заголовки, абзацы, списки и другие элементы для структурирования информации. Например, <h1>Заголовок</h1> задает главный заголовок, а <p>Это абзац текста.</p> добавляет текстовый блок.
Помните, что правильное использование тегов не только улучшает читаемость кода, но и помогает поисковым системам лучше понимать содержимое вашей страницы. Уделяйте внимание семантике: используйте теги по их назначению, например, <header> для шапки сайта или <footer> для подвала.
Проверяйте вашу разметку с помощью валидаторов, таких как W3C Markup Validation Service, чтобы убедиться в отсутствии ошибок. Это поможет избежать проблем с отображением страницы в разных браузерах.
Структура раздела и его важность
Тег <head> служит для хранения метаданных, таких как кодировка, заголовок страницы (<title>) и подключение внешних ресурсов. Указывайте <title> кратко и точно – это помогает поисковым системам и пользователям понять содержание страницы. Например, вместо «Главная» используйте «Интернет-магазин обуви: каталог и акции».
Разделяйте контент с помощью семантических тегов, таких как <header>, <main> и <footer>. Это улучшает читаемость кода и помогает браузерам и поисковым роботам быстрее анализировать структуру страницы. Например, поместите навигационное меню в <header>, а контактную информацию – в <footer>.
Используйте теги <h1>–<h6> для заголовков и подзаголовков. Начинайте с <h1> для основного заголовка и продолжайте в порядке убывания. Это не только упорядочивает контент, но и улучшает его восприятие пользователями и поисковыми системами.
Проверяйте структуру страницы с помощью инструментов разработчика в браузере. Убедитесь, что все теги закрыты, а контент логически организован. Это предотвращает ошибки отображения и повышает удобство использования.
Что размещать в тэге для лучшего SEO?</h3>
<p>Создавайте уникальные и релевантные заголовки, которые точно отражают содержание страницы. Используйте ключевые слова в начале тега <title>, чтобы поисковые системы могли быстро определить тему страницы. Например, вместо «Главная» напишите «Купить обувь в Москве | Интернет-магазин обуви».</p>
<p>Ограничьте длину заголовка до 50-60 символов, чтобы он полностью отображался в результатах поиска. Слишком длинные заголовки обрезаются, что может снизить их привлекательность для пользователей. Например, «Советы по уходу за кожей зимой» лучше, чем «Как правильно ухаживать за кожей лица в холодное время года: подробный гайд».</p>
<p>Избегайте переполнения тега <title> ключевыми словами. Это может привести к санкциям со стороны поисковых систем. Вместо «Купить чай, чай оптом, чай в Москве» используйте «Купить чай оптом в Москве | Широкий ассортимент».</p>
<p>Указывайте бренд или название сайта в конце заголовка, если это уместно. Это помогает повысить узнаваемость и доверие. Например, «Лучшие рецепты пиццы | Итальянская кухня на MySite».</p>
<p>Адаптируйте заголовки для мобильных устройств. Убедитесь, что они остаются читаемыми и информативными даже на небольших экранах. Например, «Скидки на смартфоны | Акции до 50%» будет понятнее, чем «Специальные предложения на мобильные устройства с огромными скидками».</p>
<h3>Как использовать мета-тэги для улучшения представления страницы в поисковых системах?</h3>
<p>Добавьте мета-тэг <code><meta name="description" content="..."></code>, чтобы кратко описать содержимое страницы. Используйте до 160 символов, включая ключевые слова, которые отражают суть контента. Это описание часто отображается в результатах поиска, помогая пользователям понять, о чем страница.</p>
<p>Включите мета-тэг <code><meta name="keywords" content="..."></code>, чтобы указать ключевые слова, связанные с контентом. Хотя современные поисковые системы меньше полагаются на этот тэг, он может быть полезен для внутреннего анализа и структурирования данных.</p>
<p>Используйте <code><meta name="robots" content="index, follow"></code> для управления индексацией страницы. Если хотите запретить индексацию, замените значение на <code>noindex, nofollow</code>. Это помогает контролировать, какие страницы должны отображаться в поисковой выдаче.</p>
<p>Добавьте <code><meta charset="UTF-8"></code> в начало раздела <code><head></code>, чтобы указать кодировку страницы. Это обеспечивает корректное отображение текста на всех устройствах и предотвращает проблемы с отображением символов.</p>
<p>Для мобильных устройств используйте <code><meta name="viewport" content="width=device-width, initial-scale=1.0"></code>. Этот тэг гарантирует, что страница будет корректно масштабироваться на экранах разных размеров, улучшая пользовательский опыт.</p>
<table>
<thead>
<tr>
<th>Мета-тэг</th>
<th>Назначение</th>
</tr>
</thead>
<tbody>
<tr>
<td><code><meta name="description" content="..."></code></td>
<td>Краткое описание страницы для поисковой выдачи.</td>
</tr>
<tr>
<td><code><meta name="keywords" content="..."></code></td>
<td>Ключевые слова, связанные с контентом.</td>
</tr>
<tr>
<td><code><meta name="robots" content="index, follow"></code></td>
<td>Управление индексацией страницы.</td>
</tr>
<tr>
<td><code><meta charset="UTF-8"></code></td>
<td>Указание кодировки страницы.</td>
</tr>
<tr>
<td><code><meta name="viewport" content="width=device-width, initial-scale=1.0"></code></td>
<td>Оптимизация отображения на мобильных устройствах.</td>
</tr>
</tbody>
</table>
<p>Проверяйте актуальность мета-тэгов при обновлении контента. Устаревшие описания или ключевые слова могут снизить релевантность страницы в поисковой выдаче. Используйте инструменты веб-мастеров, такие как Google Search Console, для анализа и улучшения мета-данных.</p>
<h3>Роль стилей и скриптов – когда и как их подключать?</h3>
<p>Подключайте стили и скрипты в теге <code><head></code>, если они необходимы для корректного отображения страницы до её полной загрузки. Это особенно важно для шрифтов, базовых стилей и скриптов, которые управляют начальным поведением страницы.</p>
<ul>
<li>Для стилей используйте тег <code><link></code> с атрибутом <code>rel="stylesheet"</code>. Например: <code><link rel="stylesheet" href="styles.css"></code>.</li>
<li>Для скриптов, которые должны выполняться до загрузки страницы, добавьте тег <code><script></code> с атрибутом <code>defer</code>. Например: <code><script src="script.js" defer></script></code>.</li>
</ul>
<p>Если скрипты не критичны для начальной загрузки, размещайте их перед закрывающим тегом <code></body></code>. Это ускорит отображение страницы, так как браузер сначала загрузит контент, а затем выполнит скрипты.</p>
<ol>
<li>Добавьте скрипт перед <code></body></code>: <code><script src="analytics.js"></script></code>.</li>
<li>Используйте атрибут <code>async</code> для независимых скриптов, которые могут выполняться параллельно с загрузкой страницы: <code><script src="tracker.js" async></script></code>.</li>
</ol>
<p>Минимизируйте количество HTTP-запросов, объединяя стили и скрипты в один файл, если это возможно. Это сократит время загрузки страницы.</p>
<ul>
<li>Используйте инструменты вроде Webpack или Gulp для объединения файлов.</li>
<li>Сжимайте файлы с помощью минификации, чтобы уменьшить их размер.</li>
</ul>
<p>Проверяйте производительность страницы с помощью инструментов, таких как Lighthouse или PageSpeed Insights, чтобы убедиться, что стили и скрипты не замедляют загрузку.</p>
<h2>Организация содержания в разделе</h2>
<p>Размещайте основной контент внутри тега <code><body></code>, чтобы браузер корректно отображал информацию. Используйте заголовки <code><h1></code>–<code><h6></code> для структурирования текста: <code><h1></code> обозначает главный заголовок, а последующие уровни помогают разделить материал на логические части.</p>
<p>Для создания абзацев применяйте тег <code><p></code>. Если нужно выделить важный фрагмент, используйте <code><strong></code> для жирного текста или <code><em></code> для курсива. Списки организуйте с помощью <code><ul></code> для маркированных и <code><ol></code> для нумерованных вариантов.</p>
<p>Добавляйте ссылки через тег <code><a></code>, указывая атрибут <code>href</code> для адреса перехода. Если требуется вставить изображение, используйте <code><img></code> с обязательным атрибутом <code>src</code> для пути к файлу и <code>alt</code> для описания картинки.</p>
<p>Для таблиц применяйте теги <code><table></code>, <code><tr></code>, <code><th></code> и <code><td></code>. Это помогает упорядочить данные в строках и столбцах. Если нужно разделить контент на блоки, используйте <code><div></code> или <code><section></code> для более семантической структуры.</p>
<p>Проверяйте код на валидность с помощью инструментов, таких как W3C Validator, чтобы убедиться в отсутствии ошибок. Это гарантирует корректное отображение страницы на всех устройствах и в разных браузерах.</p>
<h3>Использование семантических тегов для улучшения доступности</h3>
<p>Используйте тег <strong><header></strong> для обозначения верхней части страницы или раздела. Это помогает скринридерам и поисковым системам быстро определить начало контента. Внутри <strong><header></strong> размещайте заголовки, навигацию и логотипы.</p>
<p>Для основной информации применяйте тег <strong><main></strong>. Он указывает на главное содержимое страницы, что упрощает навигацию для пользователей с ограниченными возможностями. Внутри <strong><main></strong> используйте <strong><section></strong> и <strong><article></strong> для группировки связанных данных.</p>
<p>Тег <strong><nav></strong> выделяет блоки навигации. Это важно для пользователей, которые полагаются на клавиатуру или вспомогательные технологии. Убедитесь, что внутри <strong><nav></strong> содержатся только ссылки и элементы меню.</p>
<p>Для подвала страницы используйте <strong><footer></strong>. В нем размещайте контактную информацию, ссылки на социальные сети и юридические данные. Это помогает пользователям быстро находить важные сведения.</p>
<p>Теги <strong><aside></strong> и <strong><figure></strong> добавляют дополнительный контекст. <strong><aside></strong> подходит для боковых панелей, а <strong><figure></strong> – для изображений, диаграмм и подписей. Это улучшает структуру и читаемость контента.</p>
<p>Не забывайте про <strong><time></strong> для указания дат и времени. Этот тег помогает программам правильно интерпретировать временные данные, что полезно для календарей и событий.</p>
<p>Семантические теги делают код понятным и поддерживаемым. Они улучшают взаимодействие с пользователями и упрощают работу разработчиков.</p>
<h2>Как структурировать контент с помощью заголовков — ?</h2>
<p>Используйте теги <code><h1></code> до <code><h6></code> для создания иерархии заголовков. <code><h1></code> – главный заголовок страницы, который должен быть один. Остальные уровни помогают организовать подзаголовки и разделы.</p>
<ul>
<li><code><h1></code> – основной заголовок, описывающий содержание страницы.</li>
<li><code><h2></code> – разделы, которые поддерживают основную тему.</li>
<li><code><h3></code> – подразделы внутри <code><h2></code>.</li>
<li><code><h4></code>, <code><h5></code>, <code><h6></code> – для более детальной структуризации.</li>
</ul>
<p>Не пропускайте уровни заголовков. Если у вас есть <code><h1></code>, следующий должен быть <code><h2></code>, а не <code><h3></code>. Это помогает сохранить логическую последовательность.</p>
<p>Добавляйте ключевые слова в заголовки, чтобы улучшить SEO. Например, вместо «Введение» используйте «Основы HTML: Введение».</p>
<p>Избегайте чрезмерного использования заголовков. Если текст короткий, достаточно одного или двух уровней. Перегруженная структура затрудняет восприятие.</p>
<p>Проверяйте иерархию заголовков с помощью инструментов разработчика в браузере. Это поможет убедиться, что структура логична и понятна.</p>
<h3>Правила оформления списков и таблиц для удобства восприятия</h3>
<p>Используйте маркированные списки (<code><ul></code>) для перечисления элементов, которые не требуют строгого порядка. Для нумерованных списков (<code><ol></code>) подойдут последовательные шаги или ранжированные данные. Каждый пункт списка должен быть кратким и понятным, чтобы не перегружать читателя.</p>
<p>В таблицах (<code><table></code>) применяйте заголовки (<code><th></code>) для обозначения столбцов и строк. Это помогает быстро ориентироваться в данных. Используйте атрибут <code>scope</code> для уточнения, относится ли заголовок к строке или столбцу.</p>
<p>Группируйте связанные данные с помощью элементов <code><thead></code>, <code><tbody></code> и <code><tfoot></code>. Это улучшает структуру таблицы и упрощает навигацию. Например, <code><tfoot></code> удобен для итоговых значений.</p>
<p>Добавляйте отступы и выравнивание текста в ячейках с помощью CSS. Это делает таблицу более читаемой. Например, выравнивание чисел по правому краю помогает быстрее сравнивать значения.</p>
<p>Избегайте избыточных данных в таблицах. Если информация повторяется, рассмотрите возможность её упрощения или использования списков. Это снижает когнитивную нагрузку на пользователя.</p>
<p>Для сложных таблиц используйте атрибут <code>aria-label</code> или <code>aria-describedby</code>, чтобы улучшить доступность для людей с ограниченными возможностями. Это делает контент более инклюзивным.</p>
<p>Проверяйте отображение списков и таблиц на разных устройствах. Убедитесь, что они корректно выглядят как на десктопе, так и на мобильных устройствах. Это гарантирует удобство для всех пользователей.</p>
<h3>Оптимизация изображений и мультимедиа в теле документа</h3>
<p>Используйте современные форматы изображений, такие как WebP или AVIF, которые обеспечивают лучшее сжатие без потери качества. Например, WebP может уменьшить размер файла на 25–35% по сравнению с JPEG.</p>
<p>Указывайте атрибуты <code>width</code> и <code>height</code> для каждого изображения. Это предотвращает смещение макета страницы при загрузке контента, улучшая пользовательский опыт.</p>
<p>Добавляйте атрибут <code>loading="lazy"</code> для изображений, которые не видны сразу при загрузке страницы. Это ускоряет первоначальную загрузку, так как браузер загружает такие изображения только при прокрутке.</p>
<p>Для видео используйте тег <code><video></code> с несколькими источниками в разных форматах, например MP4 и WebM. Это обеспечивает совместимость с различными браузерами и устройствами.</p>
<p>Сжимайте мультимедиа перед загрузкой на сервер. Инструменты, такие как FFmpeg для видео или ImageOptim для изображений, помогут уменьшить размер файлов без заметной потери качества.</p>
<p>Включайте текстовое описание в атрибут <code>alt</code> для изображений. Это не только улучшает доступность для пользователей с ограниченными возможностями, но и помогает поисковым системам лучше индексировать контент.</p>
<p>Используйте адаптивные изображения с тегом <code><picture></code> и атрибутом <code>srcset</code>. Это позволяет браузеру выбирать наиболее подходящее изображение в зависимости от размера экрана и плотности пикселей.</p>
<p>Минимизируйте количество встроенных медиафайлов на странице. Если возможно, замените их ссылками или используйте ленивую загрузку, чтобы снизить нагрузку на сервер и ускорить загрузку страницы.</p>
</p> </div><!-- .entry-content -->
</article><!-- #post-## -->
<div class="entry-footer">
</div>
<div class="b-share b-share--post">
<div class="b-share__title">Понравилась статья? Поделить с друзьями:</div>
<span class="b-share__ico b-share__vk js-share-link" data-uri="http://vk.com/share.php?url=https%3A%2F%2Fxn----7sbbh7akdldfh0ai3n.xn--p1ai%2F%25d0%25bf%25d1%2580%25d0%25b0%25d0%25b2%25d0%25b8%25d0%25bb%25d1%258c%25d0%25bd%25d0%25be%25d0%25b5-%25d0%25b8%25d1%2581%25d0%25bf%25d0%25be%25d0%25bb%25d1%258c%25d0%25b7%25d0%25be%25d0%25b2%25d0%25b0%25d0%25bd%25d0%25b8%25d0%25b5-html-%25d1%2582%25d0%25b5%25d0%25b3%25d0%25be%25d0%25b2-head-body-%25d0%25b8-title%2F"></span>
<span class="b-share__ico b-share__fb js-share-link" data-uri="http://www.facebook.com/sharer.php?u=https%3A%2F%2Fxn----7sbbh7akdldfh0ai3n.xn--p1ai%2F%25d0%25bf%25d1%2580%25d0%25b0%25d0%25b2%25d0%25b8%25d0%25bb%25d1%258c%25d0%25bd%25d0%25be%25d0%25b5-%25d0%25b8%25d1%2581%25d0%25bf%25d0%25be%25d0%25bb%25d1%258c%25d0%25b7%25d0%25be%25d0%25b2%25d0%25b0%25d0%25bd%25d0%25b8%25d0%25b5-html-%25d1%2582%25d0%25b5%25d0%25b3%25d0%25be%25d0%25b2-head-body-%25d0%25b8-title%2F"></span>
<span class="b-share__ico b-share__tw js-share-link" data-uri="http://twitter.com/share?text=%D0%9F%D1%80%D0%B0%D0%B2%D0%B8%D0%BB%D1%8C%D0%BD%D0%BE%D0%B5+%D0%B8%D1%81%D0%BF%D0%BE%D0%BB%D1%8C%D0%B7%D0%BE%D0%B2%D0%B0%D0%BD%D0%B8%D0%B5+HTML+%D1%82%D0%B5%D0%B3%D0%BE%D0%B2+head+body+%D0%B8+title&url=https%3A%2F%2Fxn----7sbbh7akdldfh0ai3n.xn--p1ai%2F%25d0%25bf%25d1%2580%25d0%25b0%25d0%25b2%25d0%25b8%25d0%25bb%25d1%258c%25d0%25bd%25d0%25be%25d0%25b5-%25d0%25b8%25d1%2581%25d0%25bf%25d0%25be%25d0%25bb%25d1%258c%25d0%25b7%25d0%25be%25d0%25b2%25d0%25b0%25d0%25bd%25d0%25b8%25d0%25b5-html-%25d1%2582%25d0%25b5%25d0%25b3%25d0%25be%25d0%25b2-head-body-%25d0%25b8-title%2F"></span>
<span class="b-share__ico b-share__ok js-share-link" data-uri="https://connect.ok.ru/dk?st.cmd=WidgetSharePreview&service=odnoklassniki&st.shareUrl=https%3A%2F%2Fxn----7sbbh7akdldfh0ai3n.xn--p1ai%2F%25d0%25bf%25d1%2580%25d0%25b0%25d0%25b2%25d0%25b8%25d0%25bb%25d1%258c%25d0%25bd%25d0%25be%25d0%25b5-%25d0%25b8%25d1%2581%25d0%25bf%25d0%25be%25d0%25bb%25d1%258c%25d0%25b7%25d0%25be%25d0%25b2%25d0%25b0%25d0%25bd%25d0%25b8%25d0%25b5-html-%25d1%2582%25d0%25b5%25d0%25b3%25d0%25be%25d0%25b2-head-body-%25d0%25b8-title%2F"></span>
<span class="b-share__ico b-share__gp js-share-link" data-uri="https://plus.google.com/share?url=https%3A%2F%2Fxn----7sbbh7akdldfh0ai3n.xn--p1ai%2F%25d0%25bf%25d1%2580%25d0%25b0%25d0%25b2%25d0%25b8%25d0%25bb%25d1%258c%25d0%25bd%25d0%25be%25d0%25b5-%25d0%25b8%25d1%2581%25d0%25bf%25d0%25be%25d0%25bb%25d1%258c%25d0%25b7%25d0%25be%25d0%25b2%25d0%25b0%25d0%25bd%25d0%25b8%25d0%25b5-html-%25d1%2582%25d0%25b5%25d0%25b3%25d0%25be%25d0%25b2-head-body-%25d0%25b8-title%2F"></span>
<span class="b-share__ico b-share__whatsapp js-share-link js-share-link-no-window" data-uri="whatsapp://send?text=%D0%9F%D1%80%D0%B0%D0%B2%D0%B8%D0%BB%D1%8C%D0%BD%D0%BE%D0%B5+%D0%B8%D1%81%D0%BF%D0%BE%D0%BB%D1%8C%D0%B7%D0%BE%D0%B2%D0%B0%D0%BD%D0%B8%D0%B5+HTML+%D1%82%D0%B5%D0%B3%D0%BE%D0%B2+head+body+%D0%B8+title%20https%3A%2F%2Fxn----7sbbh7akdldfh0ai3n.xn--p1ai%2F%25d0%25bf%25d1%2580%25d0%25b0%25d0%25b2%25d0%25b8%25d0%25bb%25d1%258c%25d0%25bd%25d0%25be%25d0%25b5-%25d0%25b8%25d1%2581%25d0%25bf%25d0%25be%25d0%25bb%25d1%258c%25d0%25b7%25d0%25be%25d0%25b2%25d0%25b0%25d0%25bd%25d0%25b8%25d0%25b5-html-%25d1%2582%25d0%25b5%25d0%25b3%25d0%25be%25d0%25b2-head-body-%25d0%25b8-title%2F"></span>
<span class="b-share__ico b-share__viber js-share-link js-share-link-no-window" data-uri="viber://forward?text=%D0%9F%D1%80%D0%B0%D0%B2%D0%B8%D0%BB%D1%8C%D0%BD%D0%BE%D0%B5+%D0%B8%D1%81%D0%BF%D0%BE%D0%BB%D1%8C%D0%B7%D0%BE%D0%B2%D0%B0%D0%BD%D0%B8%D0%B5+HTML+%D1%82%D0%B5%D0%B3%D0%BE%D0%B2+head+body+%D0%B8+title%20https%3A%2F%2Fxn----7sbbh7akdldfh0ai3n.xn--p1ai%2F%25d0%25bf%25d1%2580%25d0%25b0%25d0%25b2%25d0%25b8%25d0%25bb%25d1%258c%25d0%25bd%25d0%25be%25d0%25b5-%25d0%25b8%25d1%2581%25d0%25bf%25d0%25be%25d0%25bb%25d1%258c%25d0%25b7%25d0%25be%25d0%25b2%25d0%25b0%25d0%25bd%25d0%25b8%25d0%25b5-html-%25d1%2582%25d0%25b5%25d0%25b3%25d0%25be%25d0%25b2-head-body-%25d0%25b8-title%2F"></span>
<span class="b-share__ico b-share__telegram js-share-link js-share-link-no-window" data-uri="https://telegram.me/share/url?url=https%3A%2F%2Fxn----7sbbh7akdldfh0ai3n.xn--p1ai%2F%25d0%25bf%25d1%2580%25d0%25b0%25d0%25b2%25d0%25b8%25d0%25bb%25d1%258c%25d0%25bd%25d0%25be%25d0%25b5-%25d0%25b8%25d1%2581%25d0%25bf%25d0%25be%25d0%25bb%25d1%258c%25d0%25b7%25d0%25be%25d0%25b2%25d0%25b0%25d0%25bd%25d0%25b8%25d0%25b5-html-%25d1%2582%25d0%25b5%25d0%25b3%25d0%25be%25d0%25b2-head-body-%25d0%25b8-title%2F&text=%D0%9F%D1%80%D0%B0%D0%B2%D0%B8%D0%BB%D1%8C%D0%BD%D0%BE%D0%B5+%D0%B8%D1%81%D0%BF%D0%BE%D0%BB%D1%8C%D0%B7%D0%BE%D0%B2%D0%B0%D0%BD%D0%B8%D0%B5+HTML+%D1%82%D0%B5%D0%B3%D0%BE%D0%B2+head+body+%D0%B8+title"></span>
</div>
<meta itemscope itemprop="mainEntityOfPage" itemType="https://schema.org/WebPage" itemid="https://xn----7sbbh7akdldfh0ai3n.xn--p1ai/%d0%bf%d1%80%d0%b0%d0%b2%d0%b8%d0%bb%d1%8c%d0%bd%d0%be%d0%b5-%d0%b8%d1%81%d0%bf%d0%be%d0%bb%d1%8c%d0%b7%d0%be%d0%b2%d0%b0%d0%bd%d0%b8%d0%b5-html-%d1%82%d0%b5%d0%b3%d0%be%d0%b2-head-body-%d0%b8-title/"/>
<meta itemprop="dateModified" content="2025-02-09"/>
<meta itemprop="datePublished" content="2025-02-09T16:32:25+03:00"/>
<div class="wpdiscuz_top_clearing"></div>
<div id='comments' class='comments-area'><div id='respond' style='width: 0;height: 0;clear: both;margin: 0;padding: 0;'></div><div id='wpd-post-rating' class='wpd-not-rated'>
<div class='wpd-rating-wrap'>
<div class='wpd-rating-left'></div>
<div class='wpd-rating-data'>
<div class='wpd-rating-value'>
<span class='wpdrv'>0</span>
<span class='wpdrc'>0</span>
<span class='wpdrt'>голоса</span></div>
<div class='wpd-rating-title'>Рейтинг статьи</div>
<div class='wpd-rating-stars'><svg xmlns='https://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M0 0h24v24H0z' fill='none'/><path class='wpd-star' d='M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z'/><path d='M0 0h24v24H0z' fill='none'/></svg><svg xmlns='https://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M0 0h24v24H0z' fill='none'/><path class='wpd-star' d='M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z'/><path d='M0 0h24v24H0z' fill='none'/></svg><svg xmlns='https://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M0 0h24v24H0z' fill='none'/><path class='wpd-star' d='M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z'/><path d='M0 0h24v24H0z' fill='none'/></svg><svg xmlns='https://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M0 0h24v24H0z' fill='none'/><path class='wpd-star' d='M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z'/><path d='M0 0h24v24H0z' fill='none'/></svg><svg xmlns='https://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M0 0h24v24H0z' fill='none'/><path class='wpd-star' d='M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z'/><path d='M0 0h24v24H0z' fill='none'/></svg></div><div class='wpd-rate-starts'><svg xmlns='https://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M0 0h24v24H0z' fill='none'/><path class='wpd-star' d='M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z'/><path d='M0 0h24v24H0z' fill='none'/></svg><svg xmlns='https://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M0 0h24v24H0z' fill='none'/><path class='wpd-star' d='M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z'/><path d='M0 0h24v24H0z' fill='none'/></svg><svg xmlns='https://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M0 0h24v24H0z' fill='none'/><path class='wpd-star' d='M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z'/><path d='M0 0h24v24H0z' fill='none'/></svg><svg xmlns='https://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M0 0h24v24H0z' fill='none'/><path class='wpd-star' d='M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z'/><path d='M0 0h24v24H0z' fill='none'/></svg><svg xmlns='https://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M0 0h24v24H0z' fill='none'/><path class='wpd-star' d='M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z'/><path d='M0 0h24v24H0z' fill='none'/></svg></div></div>
<div class='wpd-rating-right'></div></div></div> <div id="wpdcom" class="wpdiscuz_unauth wpd-default wpd-layout-1 wpd-comments-open">
<div class="wc_social_plugin_wrapper">
</div>
<div class="wpd-form-wrap">
<div class="wpd-form-head">
<div class="wpd-sbs-toggle">
<i class="far fa-envelope"></i> <span
class="wpd-sbs-title">Подписаться</span>
<i class="fas fa-caret-down"></i>
</div>
<div class="wpd-auth">
<div class="wpd-login">
<a rel="nofollow" href="https://xn----7sbbh7akdldfh0ai3n.xn--p1ai/wp-login.php?redirect_to=https%3A%2F%2Fxn----7sbbh7akdldfh0ai3n.xn--p1ai%2F%25d0%25bf%25d1%2580%25d0%25b0%25d0%25b2%25d0%25b8%25d0%25bb%25d1%258c%25d0%25bd%25d0%25be%25d0%25b5-%25d0%25b8%25d1%2581%25d0%25bf%25d0%25be%25d0%25bb%25d1%258c%25d0%25b7%25d0%25be%25d0%25b2%25d0%25b0%25d0%25bd%25d0%25b8%25d0%25b5-html-%25d1%2582%25d0%25b5%25d0%25b3%25d0%25be%25d0%25b2-head-body-%25d0%25b8-title%2F"><i class='fas fa-sign-in-alt'></i> авторизуйтесь</a> </div>
</div>
</div>
<div class="wpdiscuz-subscribe-bar wpdiscuz-hidden">
<form action="https://xn----7sbbh7akdldfh0ai3n.xn--p1ai/wp-admin/admin-ajax.php?action=wpdAddSubscription"
method="post" id="wpdiscuz-subscribe-form">
<div class="wpdiscuz-subscribe-form-intro">Уведомить о </div>
<div class="wpdiscuz-subscribe-form-option"
style="width:40%;">
<select class="wpdiscuz_select" name="wpdiscuzSubscriptionType">
<option value="post">новых последующих комментариях</option>
<option
value="all_comment" >новых ответах на мои комментарии</option>
</select>
</div>
<div class="wpdiscuz-item wpdiscuz-subscribe-form-email">
<input class="email" type="email" name="wpdiscuzSubscriptionEmail"
required="required" value=""
placeholder="Email"/>
</div>
<div class="wpdiscuz-subscribe-form-button">
<input id="wpdiscuz_subscription_button" class="wpd-prim-button wpd_not_clicked"
type="submit"
value="›"
name="wpdiscuz_subscription_button"/>
</div>
<input type="hidden" id="wpdiscuz_subscribe_form_nonce" name="wpdiscuz_subscribe_form_nonce" value="ebf201b8f3" /><input type="hidden" name="_wp_http_referer" value="/%d0%bf%d1%80%d0%b0%d0%b2%d0%b8%d0%bb%d1%8c%d0%bd%d0%be%d0%b5-%d0%b8%d1%81%d0%bf%d0%be%d0%bb%d1%8c%d0%b7%d0%be%d0%b2%d0%b0%d0%bd%d0%b8%d0%b5-html-%d1%82%d0%b5%d0%b3%d0%be%d0%b2-head-body-%d0%b8-title/" /> </form>
</div>
<div
class="wpd-form wpd-form-wrapper wpd-main-form-wrapper" id='wpd-main-form-wrapper-0_0'>
<form method="post" enctype="multipart/form-data" data-uploading="false" class="wpd_comm_form wpd_main_comm_form" >
<div class="wpd-field-comment">
<div class="wpdiscuz-item wc-field-textarea">
<div class="wpdiscuz-textarea-wrap ">
<div class="wpd-avatar">
<img alt='guest' src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2056%2056'%3E%3C/svg%3E" data-lazy-srcset='https://secure.gravatar.com/avatar/fff44aa87464e360bd798c995403b0077531dc68cdfe5bfbe474343f454f69df?s=112&d=mm&r=g 2x' class='avatar avatar-56 photo' height='56' width='56' decoding='async' data-lazy-src="https://secure.gravatar.com/avatar/fff44aa87464e360bd798c995403b0077531dc68cdfe5bfbe474343f454f69df?s=56&d=mm&r=g"/><noscript><img alt='guest' src='https://secure.gravatar.com/avatar/fff44aa87464e360bd798c995403b0077531dc68cdfe5bfbe474343f454f69df?s=56&d=mm&r=g' srcset='https://secure.gravatar.com/avatar/fff44aa87464e360bd798c995403b0077531dc68cdfe5bfbe474343f454f69df?s=112&d=mm&r=g 2x' class='avatar avatar-56 photo' height='56' width='56' decoding='async'/></noscript> </div>
<div id="wpd-editor-wraper-0_0" style="display: none;">
<div id="wpd-editor-char-counter-0_0"
class="wpd-editor-char-counter"></div>
<label style="display: none;" for="wc-textarea-0_0">Label</label>
<textarea id="wc-textarea-0_0" name="wc_comment"
class="wc_comment wpd-field"></textarea>
<div id="wpd-editor-0_0"></div>
<div id="wpd-editor-toolbar-0_0">
<button title="Жирный"
class="ql-bold" ></button>
<button title="Курсив"
class="ql-italic" ></button>
<button title="Подчеркивание"
class="ql-underline" ></button>
<button title="Зачеркивание"
class="ql-strike" ></button>
<button title="Упорядоченный список"
class="ql-list" value='ordered' ></button>
<button title="Неупорядоченный список"
class="ql-list" value='bullet' ></button>
<button title="Цитата"
class="ql-blockquote" ></button>
<button title="Блок кода"
class="ql-code-block" ></button>
<button title="Ссылка"
class="ql-link" ></button>
<button title="Исходный код"
class="ql-sourcecode" data-wpde_button_name='sourcecode'>{}</button>
<button title="Спойлер"
class="ql-spoiler" data-wpde_button_name='spoiler'>[+]</button>
<div class="wpd-editor-buttons-right">
<span class='wmu-upload-wrap' wpd-tooltip='Прикрепить изображение к этому комментарию' wpd-tooltip-position='left'><label class='wmu-add'><i class='far fa-image'></i><input style='display:none;' class='wmu-add-files' type='file' name='wmu_files' accept='image/*'/></label></span> </div>
</div>
</div>
</div>
</div>
</div>
<div class="wpd-form-foot" style='display:none;'>
<div class="wpdiscuz-textarea-foot">
<div class="wpdiscuz-button-actions"><div class='wmu-action-wrap'><div class='wmu-tabs wmu-images-tab wmu-hide'></div></div></div>
</div>
<div class="wpd-form-row">
<div class="wpd-form-col-left">
<div class="wpdiscuz-item wc_name-wrapper wpd-has-icon">
<div class="wpd-field-icon"><i
class="fas fa-user"></i>
</div>
<input id="wc_name-0_0" value="" required='required' aria-required='true' class="wc_name wpd-field" type="text"
name="wc_name"
placeholder="Имя*"
maxlength="50" pattern='.{3,50}' title="">
<label for="wc_name-0_0"
class="wpdlb">Имя*</label>
</div>
<div class="wpdiscuz-item wc_email-wrapper wpd-has-icon">
<div class="wpd-field-icon"><i
class="fas fa-at"></i>
</div>
<input id="wc_email-0_0" value="" required='required' aria-required='true' class="wc_email wpd-field" type="email"
name="wc_email"
placeholder="Email*"/>
<label for="wc_email-0_0"
class="wpdlb">Email*</label>
</div>
<div class="wpdiscuz-item wc_website-wrapper wpd-has-icon">
<div class="wpd-field-icon"><i
class="fas fa-link"></i>
</div>
<input id="wc_website-0_0" value=""
class="wc_website wpd-field" type="text"
name="wc_website"
placeholder="Веб-сайт"/>
<label for="wc_website-0_0"
class="wpdlb">Веб-сайт</label>
</div>
</div>
<div class="wpd-form-col-right">
<div class="wc-field-submit">
<label class="wpd_label"
wpd-tooltip="Сообщать о всех новых ответах на мои комментарии">
<input id="wc_notification_new_comment-0_0"
class="wc_notification_new_comment-0_0 wpd_label__checkbox"
value="comment" type="checkbox"
name="wpdiscuz_notification_type" />
<span class="wpd_label__text">
<span class="wpd_label__check">
<i class="fas fa-bell wpdicon wpdicon-on"></i>
<i class="fas fa-bell-slash wpdicon wpdicon-off"></i>
</span>
</span>
</label>
<input id="wpd-field-submit-0_0"
class="wc_comm_submit wpd_not_clicked wpd-prim-button" type="submit"
name="submit" value="Оставить комментарий"
aria-label="Оставить комментарий"/>
</div>
</div>
<div class="clearfix"></div>
</div>
</div>
<input type="hidden" class="wpdiscuz_unique_id" value="0_0"
name="wpdiscuz_unique_id">
<p style="display: none;"><input type="hidden" id="akismet_comment_nonce" name="akismet_comment_nonce" value="d0c8f0786e" /></p><p style="display: none !important;" class="akismet-fields-container" data-prefix="ak_"><label>Δ<textarea name="ak_hp_textarea" cols="45" rows="8" maxlength="100"></textarea></label><input type="hidden" id="ak_js_1" name="ak_js" value="181"/><script>document.getElementById( "ak_js_1" ).setAttribute( "value", ( new Date() ).getTime() );</script></p> </form>
</div>
<div id="wpdiscuz_hidden_secondary_form" style="display: none;">
<div
class="wpd-form wpd-form-wrapper wpd-secondary-form-wrapper" id='wpd-secondary-form-wrapper-wpdiscuzuniqueid' style='display: none;'>
<div class="wpd-secondary-forms-social-content"></div>
<div class="clearfix"></div>
<form method="post" enctype="multipart/form-data" data-uploading="false" class="wpd_comm_form wpd-secondary-form-wrapper" >
<div class="wpd-field-comment">
<div class="wpdiscuz-item wc-field-textarea">
<div class="wpdiscuz-textarea-wrap ">
<div class="wpd-avatar">
<img alt='guest' src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2056%2056'%3E%3C/svg%3E" data-lazy-srcset='https://secure.gravatar.com/avatar/38c8e87de2eeae3ceec0d4599fa3f5d0bce156f86dec82493f83625b3ecc5d29?s=112&d=mm&r=g 2x' class='avatar avatar-56 photo' height='56' width='56' decoding='async' data-lazy-src="https://secure.gravatar.com/avatar/38c8e87de2eeae3ceec0d4599fa3f5d0bce156f86dec82493f83625b3ecc5d29?s=56&d=mm&r=g"/><noscript><img alt='guest' src='https://secure.gravatar.com/avatar/38c8e87de2eeae3ceec0d4599fa3f5d0bce156f86dec82493f83625b3ecc5d29?s=56&d=mm&r=g' srcset='https://secure.gravatar.com/avatar/38c8e87de2eeae3ceec0d4599fa3f5d0bce156f86dec82493f83625b3ecc5d29?s=112&d=mm&r=g 2x' class='avatar avatar-56 photo' height='56' width='56' decoding='async'/></noscript> </div>
<div id="wpd-editor-wraper-wpdiscuzuniqueid" style="display: none;">
<div id="wpd-editor-char-counter-wpdiscuzuniqueid"
class="wpd-editor-char-counter"></div>
<label style="display: none;" for="wc-textarea-wpdiscuzuniqueid">Label</label>
<textarea id="wc-textarea-wpdiscuzuniqueid" name="wc_comment"
class="wc_comment wpd-field"></textarea>
<div id="wpd-editor-wpdiscuzuniqueid"></div>
<div id="wpd-editor-toolbar-wpdiscuzuniqueid">
<button title="Жирный"
class="ql-bold" ></button>
<button title="Курсив"
class="ql-italic" ></button>
<button title="Подчеркивание"
class="ql-underline" ></button>
<button title="Зачеркивание"
class="ql-strike" ></button>
<button title="Упорядоченный список"
class="ql-list" value='ordered' ></button>
<button title="Неупорядоченный список"
class="ql-list" value='bullet' ></button>
<button title="Цитата"
class="ql-blockquote" ></button>
<button title="Блок кода"
class="ql-code-block" ></button>
<button title="Ссылка"
class="ql-link" ></button>
<button title="Исходный код"
class="ql-sourcecode" data-wpde_button_name='sourcecode'>{}</button>
<button title="Спойлер"
class="ql-spoiler" data-wpde_button_name='spoiler'>[+]</button>
<div class="wpd-editor-buttons-right">
<span class='wmu-upload-wrap' wpd-tooltip='Прикрепить изображение к этому комментарию' wpd-tooltip-position='left'><label class='wmu-add'><i class='far fa-image'></i><input style='display:none;' class='wmu-add-files' type='file' name='wmu_files' accept='image/*'/></label></span> </div>
</div>
</div>
</div>
</div>
</div>
<div class="wpd-form-foot" style='display:none;'>
<div class="wpdiscuz-textarea-foot">
<div class="wpdiscuz-button-actions"><div class='wmu-action-wrap'><div class='wmu-tabs wmu-images-tab wmu-hide'></div></div></div>
</div>
<div class="wpd-form-row">
<div class="wpd-form-col-left">
<div class="wpdiscuz-item wc_name-wrapper wpd-has-icon">
<div class="wpd-field-icon"><i
class="fas fa-user"></i>
</div>
<input id="wc_name-wpdiscuzuniqueid" value="" required='required' aria-required='true' class="wc_name wpd-field" type="text"
name="wc_name"
placeholder="Имя*"
maxlength="50" pattern='.{3,50}' title="">
<label for="wc_name-wpdiscuzuniqueid"
class="wpdlb">Имя*</label>
</div>
<div class="wpdiscuz-item wc_email-wrapper wpd-has-icon">
<div class="wpd-field-icon"><i
class="fas fa-at"></i>
</div>
<input id="wc_email-wpdiscuzuniqueid" value="" required='required' aria-required='true' class="wc_email wpd-field" type="email"
name="wc_email"
placeholder="Email*"/>
<label for="wc_email-wpdiscuzuniqueid"
class="wpdlb">Email*</label>
</div>
<div class="wpdiscuz-item wc_website-wrapper wpd-has-icon">
<div class="wpd-field-icon"><i
class="fas fa-link"></i>
</div>
<input id="wc_website-wpdiscuzuniqueid" value=""
class="wc_website wpd-field" type="text"
name="wc_website"
placeholder="Веб-сайт"/>
<label for="wc_website-wpdiscuzuniqueid"
class="wpdlb">Веб-сайт</label>
</div>
</div>
<div class="wpd-form-col-right">
<div class="wc-field-submit">
<label class="wpd_label"
wpd-tooltip="Сообщать о всех новых ответах на мои комментарии">
<input id="wc_notification_new_comment-wpdiscuzuniqueid"
class="wc_notification_new_comment-wpdiscuzuniqueid wpd_label__checkbox"
value="comment" type="checkbox"
name="wpdiscuz_notification_type" />
<span class="wpd_label__text">
<span class="wpd_label__check">
<i class="fas fa-bell wpdicon wpdicon-on"></i>
<i class="fas fa-bell-slash wpdicon wpdicon-off"></i>
</span>
</span>
</label>
<input id="wpd-field-submit-wpdiscuzuniqueid"
class="wc_comm_submit wpd_not_clicked wpd-prim-button" type="submit"
name="submit" value="Оставить комментарий"
aria-label="Оставить комментарий"/>
</div>
</div>
<div class="clearfix"></div>
</div>
</div>
<input type="hidden" class="wpdiscuz_unique_id" value="wpdiscuzuniqueid"
name="wpdiscuz_unique_id">
<p style="display: none;"><input type="hidden" id="akismet_comment_nonce" name="akismet_comment_nonce" value="d0c8f0786e" /></p><p style="display: none !important;" class="akismet-fields-container" data-prefix="ak_"><label>Δ<textarea name="ak_hp_textarea" cols="45" rows="8" maxlength="100"></textarea></label><input type="hidden" id="ak_js_2" name="ak_js" value="60"/><script>document.getElementById( "ak_js_2" ).setAttribute( "value", ( new Date() ).getTime() );</script></p> </form>
</div>
</div>
</div>
<div id="wpd-threads" class="wpd-thread-wrapper">
<div class="wpd-thread-head">
<div class="wpd-thread-info "
data-comments-count="0">
<span class='wpdtc' title='0'>0</span> комментариев </div>
<div class="wpd-space"></div>
<div class="wpd-thread-filter">
<div class="wpd-filter wpdf-reacted wpd_not_clicked wpdiscuz-hidden"
wpd-tooltip="Самый популярный комментарий ">
<i class="fas fa-bolt"></i></div>
<div class="wpd-filter wpdf-hottest wpd_not_clicked wpdiscuz-hidden"
wpd-tooltip="Цепочка популярного комментария">
<i class="fas fa-fire"></i></div>
<div class="wpd-filter wpdf-sorting wpdiscuz-hidden">
<span class="wpdiscuz-sort-button wpdiscuz-date-sort-asc wpdiscuz-sort-button-active"
data-sorting="oldest">Старые</span>
<i class="fas fa-sort-down"></i>
<div class="wpdiscuz-sort-buttons">
<span class="wpdiscuz-sort-button wpdiscuz-date-sort-desc"
data-sorting="newest">Новые</span>
<span class="wpdiscuz-sort-button wpdiscuz-vote-sort-up"
data-sorting="by_vote">Популярные</span>
</div>
</div>
</div>
</div>
<div class="wpd-comment-info-bar">
<div class="wpd-current-view"><i
class="fas fa-quote-left"></i> Межтекстовые Отзывы </div>
<div class="wpd-filter-view-all">Посмотреть все комментарии</div>
</div>
<div class="wpd-thread-list">
<!-- // From wpDiscuz's Caches // --> <div class="wpdiscuz-comment-pagination">
</div>
</div>
</div>
</div>
</div>
<div id="wpdiscuz-loading-bar"
class="wpdiscuz-loading-bar-unauth"></div>
<div id="wpdiscuz-comment-message"
class="wpdiscuz-comment-message-unauth"></div>
<style>
.related-posts-container {
display: flex;
flex-wrap: wrap; /* Позволяет карточкам переходить на следующую строку, если не помещаются */
justify-content: flex-start; /* Выравнивание карточек по левому краю */
gap: 20px; /* Промежуток между карточками */
}
.related-post-card {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
margin: 10px;
padding: 15px;
background-color: #f9f9f9;
border-radius: 10px;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
transition: all 0.3s ease;
width: 180px; /* Уменьшаем ширину, чтобы они умещались в ряд */
text-align: center;
}
.related-post-card:hover {
transform: translateY(-5px);
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);
}
.related-p
</style>
<div class="related-posts-container"><li class='li1 related-post-card'><img src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" alt='Работа с HTML основы и практические рекомендации' class='post-thumbnail' data-lazy-src="/wp-content/images/polnoe-rukovodstvo-po-rabote-s-html-osnovi-i-prakticheskie-soveti.jpg"><noscript><img src='/wp-content/images/polnoe-rukovodstvo-po-rabote-s-html-osnovi-i-prakticheskie-soveti.jpg' alt='Работа с HTML основы и практические рекомендации' class='post-thumbnail'></noscript><a href='https://xn----7sbbh7akdldfh0ai3n.xn--p1ai/%d1%80%d0%b0%d0%b1%d0%be%d1%82%d0%b0-%d1%81-html-%d0%be%d1%81%d0%bd%d0%be%d0%b2%d1%8b-%d0%b8-%d0%bf%d1%80%d0%b0%d0%ba%d1%82%d0%b8%d1%87%d0%b5%d1%81%d0%ba%d0%b8%d0%b5-%d1%80%d0%b5%d0%ba%d0%be%d0%bc/' title='Работа с HTML основы и практические рекомендации'>Работа с HTML основы и практические рекомендации</a></li><li class='li2 related-post-card'><img src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" alt='Проверка прохождения коробки через дверь с помощью Python' class='post-thumbnail' data-lazy-src="/wp-content/images/kak-proverit-projdet-li-korobka-s-razmerami-axvxs-v-dver-razmerom-mx.jpg"><noscript><img src='/wp-content/images/kak-proverit-projdet-li-korobka-s-razmerami-axvxs-v-dver-razmerom-mx.jpg' alt='Проверка прохождения коробки через дверь с помощью Python' class='post-thumbnail'></noscript><a href='https://xn----7sbbh7akdldfh0ai3n.xn--p1ai/%d0%bf%d1%80%d0%be%d0%b2%d0%b5%d1%80%d0%ba%d0%b0-%d0%bf%d1%80%d0%be%d1%85%d0%be%d0%b6%d0%b4%d0%b5%d0%bd%d0%b8%d1%8f-%d0%ba%d0%be%d1%80%d0%be%d0%b1%d0%ba%d0%b8-%d1%87%d0%b5%d1%80%d0%b5%d0%b7-%d0%b4/' title='Проверка прохождения коробки через дверь с помощью Python'>Проверка прохождения коробки через дверь с помощью Python</a></li><li class='li1 related-post-card'><img src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" alt='Python psycopg2 работа с PostgreSQL полное руководство' class='post-thumbnail' data-lazy-src="/wp-content/images/chto-takoe-python-psycopg2-polnoe-rukovodstvo-po-rabote-s-postgresql.jpg"><noscript><img src='/wp-content/images/chto-takoe-python-psycopg2-polnoe-rukovodstvo-po-rabote-s-postgresql.jpg' alt='Python psycopg2 работа с PostgreSQL полное руководство' class='post-thumbnail'></noscript><a href='https://xn----7sbbh7akdldfh0ai3n.xn--p1ai/python-psycopg2-%d1%80%d0%b0%d0%b1%d0%be%d1%82%d0%b0-%d1%81-postgresql-%d0%bf%d0%be%d0%bb%d0%bd%d0%be%d0%b5-%d1%80%d1%83%d0%ba%d0%be%d0%b2%d0%be%d0%b4%d1%81%d1%82%d0%b2%d0%be/' title='Python psycopg2 работа с PostgreSQL полное руководство'>Python psycopg2 работа с PostgreSQL полное руководство</a></li><li class='li2 related-post-card'><img src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" alt='Как работает функция format в Python полное руководство и примеры' class='post-thumbnail' data-lazy-src="/wp-content/images/kak-rabotaet-funktsiya-format-v-python-polnoe-rukovodstvo-i-primeri.jpg"><noscript><img src='/wp-content/images/kak-rabotaet-funktsiya-format-v-python-polnoe-rukovodstvo-i-primeri.jpg' alt='Как работает функция format в Python полное руководство и примеры' class='post-thumbnail'></noscript><a href='https://xn----7sbbh7akdldfh0ai3n.xn--p1ai/%d0%ba%d0%b0%d0%ba-%d1%80%d0%b0%d0%b1%d0%be%d1%82%d0%b0%d0%b5%d1%82-%d1%84%d1%83%d0%bd%d0%ba%d1%86%d0%b8%d1%8f-format-%d0%b2-python-%d0%bf%d0%be%d0%bb%d0%bd%d0%be%d0%b5-%d1%80%d1%83%d0%ba%d0%be%d0%b2/' title='Как работает функция format в Python полное руководство и примеры'>Как работает функция format в Python полное руководство и примеры</a></li><li class='li1 related-post-card'><img src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" alt='PHP и HTML вместе эффективная веб-разработка и совмещение' class='post-thumbnail' data-lazy-src="/wp-content/images/php-kod-vnutri-html-kak-effektivno-kombinirovat-yaziki-dlya-veb-razrabo.jpg"><noscript><img src='/wp-content/images/php-kod-vnutri-html-kak-effektivno-kombinirovat-yaziki-dlya-veb-razrabo.jpg' alt='PHP и HTML вместе эффективная веб-разработка и совмещение' class='post-thumbnail'></noscript><a href='https://xn----7sbbh7akdldfh0ai3n.xn--p1ai/php-%d0%b8-html-%d0%b2%d0%bc%d0%b5%d1%81%d1%82%d0%b5-%d1%8d%d1%84%d1%84%d0%b5%d0%ba%d1%82%d0%b8%d0%b2%d0%bd%d0%b0%d1%8f-%d0%b2%d0%b5%d0%b1-%d1%80%d0%b0%d0%b7%d1%80%d0%b0%d0%b1%d0%be%d1%82%d0%ba%d0%b0/' title='PHP и HTML вместе эффективная веб-разработка и совмещение'>PHP и HTML вместе эффективная веб-разработка и совмещение</a></li><li class='li2 related-post-card'><img src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" alt='Как добавить обратный звонок на сайт с помощью HTML' class='post-thumbnail' data-lazy-src="/wp-content/images/kak-sdelat-obratnij-zvonok-na-sajte-s-pomoshyu-html-poshagovaya-instrukts.jpg"><noscript><img src='/wp-content/images/kak-sdelat-obratnij-zvonok-na-sajte-s-pomoshyu-html-poshagovaya-instrukts.jpg' alt='Как добавить обратный звонок на сайт с помощью HTML' class='post-thumbnail'></noscript><a href='https://xn----7sbbh7akdldfh0ai3n.xn--p1ai/%d0%ba%d0%b0%d0%ba-%d0%b4%d0%be%d0%b1%d0%b0%d0%b2%d0%b8%d1%82%d1%8c-%d0%be%d0%b1%d1%80%d0%b0%d1%82%d0%bd%d1%8b%d0%b9-%d0%b7%d0%b2%d0%be%d0%bd%d0%be%d0%ba-%d0%bd%d0%b0-%d1%81%d0%b0%d0%b9%d1%82-%d1%81/' title='Как добавить обратный звонок на сайт с помощью HTML'>Как добавить обратный звонок на сайт с помощью HTML</a></li></div><br>
</main><!-- #main -->
</div><!-- #primary -->
</div><!-- micro -->
<aside id="secondary" class="widget-area" itemscope itemtype="http://schema.org/WPSideBar">
<div id="search-2" class="widget widget_search">
<form role="search" method="get" id="searchform" action="https://xn----7sbbh7akdldfh0ai3n.xn--p1ai/" class="search-form">
<label class="screen-reader-text" for="s">Поиск: </label>
<input type="text" value="" name="s" id="s" class="search-form__text">
<button type="submit" id="searchsubmit" class="search-form__submit"></button>
</form></div><div id="wpshop_articles-2" class="widget widget_wpshop_articles"><div class="widget-header">Полезное</div>
<div class="widget-article">
<div class="widget-article__image">
<a href="https://xn----7sbbh7akdldfh0ai3n.xn--p1ai/%d0%b4%d0%be%d0%b1%d0%b0%d0%b2%d0%bb%d0%b5%d0%bd%d0%b8%d0%b5-%d1%81%d1%81%d1%8b%d0%bb%d0%ba%d0%b8-%d0%bd%d0%b0-%d1%84%d0%b0%d0%b9%d0%bb-%d0%b2-%d1%8d%d0%bb%d0%b5%d0%bc%d0%b5%d0%bd%d1%82-head-html/">
<img width="330" height="140" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20330%20140'%3E%3C/svg%3E" class="attachment-thumb-wide size-thumb-wide wp-post-image" alt="" decoding="async" data-lazy-srcset="https://xn----7sbbh7akdldfh0ai3n.xn--p1ai/wp-content/uploads/2025/04/2149901783-330x140.jpg 330w, https://xn----7sbbh7akdldfh0ai3n.xn--p1ai/wp-content/uploads/2025/04/2149901783-770x330.jpg 770w" data-lazy-sizes="auto, (max-width: 330px) 100vw, 330px" data-lazy-src="https://xn----7sbbh7akdldfh0ai3n.xn--p1ai/wp-content/uploads/2025/04/2149901783-330x140.jpg" /><noscript><img width="330" height="140" src="https://xn----7sbbh7akdldfh0ai3n.xn--p1ai/wp-content/uploads/2025/04/2149901783-330x140.jpg" class="attachment-thumb-wide size-thumb-wide wp-post-image" alt="" decoding="async" loading="lazy" srcset="https://xn----7sbbh7akdldfh0ai3n.xn--p1ai/wp-content/uploads/2025/04/2149901783-330x140.jpg 330w, https://xn----7sbbh7akdldfh0ai3n.xn--p1ai/wp-content/uploads/2025/04/2149901783-770x330.jpg 770w" sizes="auto, (max-width: 330px) 100vw, 330px" /></noscript> </a>
</div>
<div class="widget-article__body">
<div class="widget-article__title"><a href="https://xn----7sbbh7akdldfh0ai3n.xn--p1ai/%d0%b4%d0%be%d0%b1%d0%b0%d0%b2%d0%bb%d0%b5%d0%bd%d0%b8%d0%b5-%d1%81%d1%81%d1%8b%d0%bb%d0%ba%d0%b8-%d0%bd%d0%b0-%d1%84%d0%b0%d0%b9%d0%bb-%d0%b2-%d1%8d%d0%bb%d0%b5%d0%bc%d0%b5%d0%bd%d1%82-head-html/">Добавление ссылки на файл в элемент head HTML главной страницы</a></div>
</div>
</div>
<div class="widget-article">
<div class="widget-article__image">
<a href="https://xn----7sbbh7akdldfh0ai3n.xn--p1ai/%d0%be%d0%b1%d1%8a%d0%b5%d0%ba%d1%82%d0%bd%d0%be-%d0%be%d1%80%d0%b8%d0%b5%d0%bd%d1%82%d0%b8%d1%80%d0%be%d0%b2%d0%b0%d0%bd%d0%bd%d0%be%d0%b5-%d0%bf%d1%80%d0%be%d0%b3%d1%80%d0%b0%d0%bc%d0%bc%d0%b8-2/">
<img width="330" height="140" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20330%20140'%3E%3C/svg%3E" class="attachment-thumb-wide size-thumb-wide wp-post-image" alt="" decoding="async" data-lazy-srcset="https://xn----7sbbh7akdldfh0ai3n.xn--p1ai/wp-content/uploads/2025/04/programming-background-with-person-working-with-codes-computer-330x140.jpg 330w, https://xn----7sbbh7akdldfh0ai3n.xn--p1ai/wp-content/uploads/2025/04/programming-background-with-person-working-with-codes-computer-770x330.jpg 770w" data-lazy-sizes="auto, (max-width: 330px) 100vw, 330px" data-lazy-src="https://xn----7sbbh7akdldfh0ai3n.xn--p1ai/wp-content/uploads/2025/04/programming-background-with-person-working-with-codes-computer-330x140.jpg" /><noscript><img width="330" height="140" src="https://xn----7sbbh7akdldfh0ai3n.xn--p1ai/wp-content/uploads/2025/04/programming-background-with-person-working-with-codes-computer-330x140.jpg" class="attachment-thumb-wide size-thumb-wide wp-post-image" alt="" decoding="async" loading="lazy" srcset="https://xn----7sbbh7akdldfh0ai3n.xn--p1ai/wp-content/uploads/2025/04/programming-background-with-person-working-with-codes-computer-330x140.jpg 330w, https://xn----7sbbh7akdldfh0ai3n.xn--p1ai/wp-content/uploads/2025/04/programming-background-with-person-working-with-codes-computer-770x330.jpg 770w" sizes="auto, (max-width: 330px) 100vw, 330px" /></noscript> </a>
</div>
<div class="widget-article__body">
<div class="widget-article__title"><a href="https://xn----7sbbh7akdldfh0ai3n.xn--p1ai/%d0%be%d0%b1%d1%8a%d0%b5%d0%ba%d1%82%d0%bd%d0%be-%d0%be%d1%80%d0%b8%d0%b5%d0%bd%d1%82%d0%b8%d1%80%d0%be%d0%b2%d0%b0%d0%bd%d0%bd%d0%be%d0%b5-%d0%bf%d1%80%d0%be%d0%b3%d1%80%d0%b0%d0%bc%d0%bc%d0%b8-2/">Объектно ориентированное программирование на Python для новичков</a></div>
</div>
</div>
<div class="widget-article">
<div class="widget-article__image">
<a href="https://xn----7sbbh7akdldfh0ai3n.xn--p1ai/%d0%ba%d0%b0%d0%ba-%d1%83%d1%81%d1%82%d0%b0%d0%bd%d0%be%d0%b2%d0%b8%d1%82%d1%8c-%d1%86%d0%b2%d0%b5%d1%82-%d1%82%d0%b5%d0%ba%d1%81%d1%82%d0%b0-%d0%b2-html-%d1%82%d0%b0%d0%b1%d0%bb%d0%b8%d1%86%d0%b5/">
<img width="330" height="140" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20330%20140'%3E%3C/svg%3E" class="attachment-thumb-wide size-thumb-wide wp-post-image" alt="" decoding="async" data-lazy-srcset="https://xn----7sbbh7akdldfh0ai3n.xn--p1ai/wp-content/uploads/2025/04/122370-330x140.jpg 330w, https://xn----7sbbh7akdldfh0ai3n.xn--p1ai/wp-content/uploads/2025/04/122370-770x330.jpg 770w" data-lazy-sizes="auto, (max-width: 330px) 100vw, 330px" data-lazy-src="https://xn----7sbbh7akdldfh0ai3n.xn--p1ai/wp-content/uploads/2025/04/122370-330x140.jpg" /><noscript><img width="330" height="140" src="https://xn----7sbbh7akdldfh0ai3n.xn--p1ai/wp-content/uploads/2025/04/122370-330x140.jpg" class="attachment-thumb-wide size-thumb-wide wp-post-image" alt="" decoding="async" loading="lazy" srcset="https://xn----7sbbh7akdldfh0ai3n.xn--p1ai/wp-content/uploads/2025/04/122370-330x140.jpg 330w, https://xn----7sbbh7akdldfh0ai3n.xn--p1ai/wp-content/uploads/2025/04/122370-770x330.jpg 770w" sizes="auto, (max-width: 330px) 100vw, 330px" /></noscript> </a>
</div>
<div class="widget-article__body">
<div class="widget-article__title"><a href="https://xn----7sbbh7akdldfh0ai3n.xn--p1ai/%d0%ba%d0%b0%d0%ba-%d1%83%d1%81%d1%82%d0%b0%d0%bd%d0%be%d0%b2%d0%b8%d1%82%d1%8c-%d1%86%d0%b2%d0%b5%d1%82-%d1%82%d0%b5%d0%ba%d1%81%d1%82%d0%b0-%d0%b2-html-%d1%82%d0%b0%d0%b1%d0%bb%d0%b8%d1%86%d0%b5/">Как установить цвет текста в HTML таблице пошаговое руководство</a></div>
</div>
</div>
<div class="widget-article">
<div class="widget-article__image">
<a href="https://xn----7sbbh7akdldfh0ai3n.xn--p1ai/%d0%bf%d1%80%d0%be%d0%b3%d1%80%d0%b0%d0%bc%d0%bc%d0%b0-%d0%be%d0%b1%d1%83%d1%87%d0%b5%d0%bd%d0%b8%d1%8f-python-%d0%b4%d0%bb%d1%8f-%d1%83%d1%81%d0%bf%d0%b5%d1%88%d0%bd%d0%be%d0%b9-%d0%ba%d0%b0%d1%80/">
<img width="330" height="140" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20330%20140'%3E%3C/svg%3E" class="attachment-thumb-wide size-thumb-wide wp-post-image" alt="" decoding="async" data-lazy-src="https://xn----7sbbh7akdldfh0ai3n.xn--p1ai/wp-content/uploads/2025/04/programma-dopolnitelnogo-obrazovaniya-po-python-izuchite-yazik-programmi-330x140.jpg" /><noscript><img width="330" height="140" src="https://xn----7sbbh7akdldfh0ai3n.xn--p1ai/wp-content/uploads/2025/04/programma-dopolnitelnogo-obrazovaniya-po-python-izuchite-yazik-programmi-330x140.jpg" class="attachment-thumb-wide size-thumb-wide wp-post-image" alt="" decoding="async" loading="lazy" /></noscript> </a>
</div>
<div class="widget-article__body">
<div class="widget-article__title"><a href="https://xn----7sbbh7akdldfh0ai3n.xn--p1ai/%d0%bf%d1%80%d0%be%d0%b3%d1%80%d0%b0%d0%bc%d0%bc%d0%b0-%d0%be%d0%b1%d1%83%d1%87%d0%b5%d0%bd%d0%b8%d1%8f-python-%d0%b4%d0%bb%d1%8f-%d1%83%d1%81%d0%bf%d0%b5%d1%88%d0%bd%d0%be%d0%b9-%d0%ba%d0%b0%d1%80/">Программа обучения Python для успешной карьеры в IT</a></div>
</div>
</div>
</div>
</aside><!-- #secondary -->
</div><!-- #content -->
<div class="footer-navigation container">
<div class="main-navigation-inner ">
<div class="menu-niz-container"><ul id="footer_menu" class="menu"><li id="menu-item-41" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-41"><a href="https://xn----7sbbh7akdldfh0ai3n.xn--p1ai/pravoobladatelyam/">Правообладателям</a></li>
<li id="menu-item-42" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-42"><a href="https://xn----7sbbh7akdldfh0ai3n.xn--p1ai/politika-konfidentsialnosti/">Политика конфиденциальности</a></li>
<li id="menu-item-66" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-66"><a href="https://xn----7sbbh7akdldfh0ai3n.xn--p1ai/politika-cookies/">Политика cookies</a></li>
<li id="menu-item-76" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-76"><a href="https://xn----7sbbh7akdldfh0ai3n.xn--p1ai/o-sayte/">О сайте</a></li>
<li id="menu-item-77" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-77"><a href="https://xn----7sbbh7akdldfh0ai3n.xn--p1ai/%d0%ba%d0%be%d0%bd%d1%82%d0%b0%d0%ba%d1%82%d1%8b/">Контакты</a></li>
</ul></div> </div>
</div>
<footer class="site-footer container" itemscope itemtype="http://schema.org/WPFooter">
<div class="site-footer-inner ">
<form role="search" method="get" id="searchform" class="searchform" action="https://vkontakte-helper.ru/">
<input type="text" value="" name="s" id="s">
<input type="submit" id="searchsubmit" value="Поиск">
</form>
<button type="button" class="scrolltop js-scrolltop"></button>
<div class="footer-info">
© 2025 Большой экспертный помощник программисту
<div class="footer-text">Внимание! Информация, опубликованная на сайте, носит исключительно ознакомительный характер и не является рекомендацией к применению.
Часть материалов предоставлена пользователями и посетителями сайта.
Администрация не несет ответственности за их содержание.</div> </div><!-- .site-info -->
<div class="footer-counters">
</div>
</div><!-- .site-footer-inner -->
</footer><!-- .site-footer -->
</div><!-- #page -->
<script type="speculationrules">
{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/wp-content/uploads/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/root/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]}
</script>
<script>var pseudo_links = document.querySelectorAll(".pseudo-clearfy-link");for (var i=0;i<pseudo_links.length;i++ ) { pseudo_links[i].addEventListener("click", function(e){ window.open( e.target.getAttribute("data-uri") ); }); }</script><span id='wpdUserContentInfoAnchor' style='display:none;' rel='#wpdUserContentInfo' data-wpd-lity>wpDiscuz</span><div id='wpdUserContentInfo' style='overflow:auto;background:#FDFDF6;padding:20px;width:600px;max-width:100%;border-radius:6px;' class='lity-hide'></div><div id='wpd-editor-source-code-wrapper-bg'></div><div id='wpd-editor-source-code-wrapper'><textarea id='wpd-editor-source-code'></textarea><button id='wpd-insert-source-code'>Insert</button><input type='hidden' id='wpd-editor-uid' /></div><script type="text/javascript" src="https://xn----7sbbh7akdldfh0ai3n.xn--p1ai/wp-includes/js/dist/hooks.min.js" id="wp-hooks-js"></script>
<script type="text/javascript" src="https://xn----7sbbh7akdldfh0ai3n.xn--p1ai/wp-includes/js/dist/i18n.min.js" id="wp-i18n-js"></script>
<script type="text/javascript" id="wp-i18n-js-after">
/* <![CDATA[ */
wp.i18n.setLocaleData( { 'text direction\u0004ltr': [ 'ltr' ] } );
//# sourceURL=wp-i18n-js-after
/* ]]> */
</script>
<script type="text/javascript" src="https://xn----7sbbh7akdldfh0ai3n.xn--p1ai/wp-content/plugins/contact-form-7/includes/swv/js/index.js" id="swv-js"></script>
<script type="text/javascript" id="contact-form-7-js-translations">
/* <![CDATA[ */
( function( domain, translations ) {
var localeData = translations.locale_data[ domain ] || translations.locale_data.messages;
localeData[""].domain = domain;
wp.i18n.setLocaleData( localeData, domain );
} )( "contact-form-7", {"translation-revision-date":"2025-09-30 08:46:06+0000","generator":"GlotPress\/4.0.1","domain":"messages","locale_data":{"messages":{"":{"domain":"messages","plural-forms":"nplurals=3; plural=(n % 10 == 1 && n % 100 != 11) ? 0 : ((n % 10 >= 2 && n % 10 <= 4 && (n % 100 < 12 || n % 100 > 14)) ? 1 : 2);","lang":"ru"},"This contact form is placed in the wrong place.":["\u042d\u0442\u0430 \u043a\u043e\u043d\u0442\u0430\u043a\u0442\u043d\u0430\u044f \u0444\u043e\u0440\u043c\u0430 \u0440\u0430\u0437\u043c\u0435\u0449\u0435\u043d\u0430 \u0432 \u043d\u0435\u043f\u0440\u0430\u0432\u0438\u043b\u044c\u043d\u043e\u043c \u043c\u0435\u0441\u0442\u0435."],"Error:":["\u041e\u0448\u0438\u0431\u043a\u0430:"]}},"comment":{"reference":"includes\/js\/index.js"}} );
//# sourceURL=contact-form-7-js-translations
/* ]]> */
</script>
<script type="text/javascript" id="contact-form-7-js-before">
/* <![CDATA[ */
var wpcf7 = {
"api": {
"root": "https:\/\/xn----7sbbh7akdldfh0ai3n.xn--p1ai\/wp-json\/",
"namespace": "contact-form-7\/v1"
}
};
//# sourceURL=contact-form-7-js-before
/* ]]> */
</script>
<script type="text/javascript" src="https://xn----7sbbh7akdldfh0ai3n.xn--p1ai/wp-content/plugins/contact-form-7/includes/js/index.js" id="contact-form-7-js"></script>
<script type="text/javascript" src="https://xn----7sbbh7akdldfh0ai3n.xn--p1ai/wp-content/themes/root/js/scripts.js" id="root-scripts-js"></script>
<script type="text/javascript" src="https://xn----7sbbh7akdldfh0ai3n.xn--p1ai/wp-includes/js/comment-reply.min.js" id="comment-reply-js" async="async" data-wp-strategy="async" fetchpriority="low"></script>
<script type="text/javascript" id="q2w3_fixed_widget-js-extra">
/* <![CDATA[ */
var q2w3_sidebar_options = [{"use_sticky_position":false,"margin_top":0,"margin_bottom":0,"stop_elements_selectors":"","screen_max_width":0,"screen_max_height":0,"widgets":[]}];
//# sourceURL=q2w3_fixed_widget-js-extra
/* ]]> */
</script>
<script type="text/javascript" src="https://xn----7sbbh7akdldfh0ai3n.xn--p1ai/wp-content/plugins/q2w3-fixed-widget/js/frontend.min.js" id="q2w3_fixed_widget-js"></script>
<script type="text/javascript" id="wpdiscuz-combo-js-js-extra">
/* <![CDATA[ */
var wpdiscuzAjaxObj = {"wc_hide_replies_text":"\u0421\u043f\u0440\u044f\u0442\u0430\u0442\u044c \u043e\u0442\u0432\u0435\u0442\u044b","wc_show_replies_text":"\u041f\u0440\u043e\u0441\u043c\u043e\u0442\u0440 \u043e\u0442\u0432\u0435\u0442\u043e\u0432","wc_msg_required_fields":"\u0417\u0430\u043f\u043e\u043b\u043d\u0438\u0442\u0435 \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u044b\u0435 \u043f\u043e\u043b\u044f","wc_invalid_field":"\u041d\u0435\u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043f\u043e\u043b\u044f \u0437\u0430\u043f\u043e\u043b\u043d\u0435\u043d\u044b \u043d\u0435\u0432\u0435\u0440\u043d\u043e","wc_error_empty_text":"\u043f\u043e\u0436\u0430\u043b\u0443\u0439\u0441\u0442\u0430, \u0437\u0430\u043f\u043e\u043b\u043d\u0438\u0442\u0435 \u044d\u0442\u043e \u043f\u043e\u043b\u0435, \u0447\u0442\u043e\u0431\u044b \u043a\u043e\u043c\u043c\u0435\u043d\u0442\u0438\u0440\u043e\u0432\u0430\u0442\u044c","wc_error_url_text":"url \u043d\u0435\u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0439","wc_error_email_text":"\u0430\u0434\u0440\u0435\u0441 \u044d\u043b\u0435\u043a\u0442\u0440\u043e\u043d\u043d\u043e\u0439 \u043f\u043e\u0447\u0442\u044b \u043d\u0435\u0432\u0435\u0440\u0435\u043d","wc_invalid_captcha":"\u041d\u0435\u0432\u0435\u0440\u043d\u043e \u0432\u0432\u0435\u0434\u0435\u043d \u043a\u043e\u0434","wc_login_to_vote":"\u0412\u044b \u0434\u043e\u043b\u0436\u043d\u044b \u0432\u043e\u0439\u0442\u0438 , \u0447\u0442\u043e\u0431\u044b \u043f\u0440\u043e\u0433\u043e\u043b\u043e\u0441\u043e\u0432\u0430\u0442\u044c","wc_deny_voting_from_same_ip":"\u0412\u044b \u043d\u0435 \u043c\u043e\u0436\u0435\u0442\u0435 \u0433\u043e\u043b\u043e\u0441\u043e\u0432\u0430\u0442\u044c \u0437\u0430 \u044d\u0442\u043e\u0442 \u043a\u043e\u043c\u043c\u0435\u043d\u0442\u0430\u0440\u0438\u0439","wc_self_vote":"\u0412\u044b \u043d\u0435 \u043c\u043e\u0436\u0435\u0442\u0435 \u0433\u043e\u043b\u043e\u0441\u043e\u0432\u0430\u0442\u044c \u0437\u0430 \u0441\u0432\u043e\u0439 \u043a\u043e\u043c\u043c\u0435\u043d\u0442\u0430\u0440\u0438\u0439","wc_vote_only_one_time":"\u0412\u044b \u0443\u0436\u0435 \u0433\u043e\u043b\u043e\u0441\u043e\u0432\u0430\u043b\u0438 \u0437\u0430 \u044d\u0442\u043e\u0442 \u043a\u043e\u043c\u043c\u0435\u043d\u0442\u0430\u0440\u0438\u0439","wc_voting_error":"\u041e\u0448\u0438\u0431\u043a\u0430 \u0433\u043e\u043b\u043e\u0441\u043e\u0432\u0430\u043d\u0438\u044f","wc_banned_user":"You are banned","wc_comment_edit_not_possible":"\u0418\u0437\u0432\u0438\u043d\u0438\u0442\u0435, \u044d\u0442\u043e\u0442 \u043a\u043e\u043c\u043c\u0435\u043d\u0442\u0430\u0440\u0438\u0439 \u0431\u043e\u043b\u044c\u0448\u0435 \u043d\u0435\u043b\u044c\u0437\u044f \u0440\u0435\u0434\u0430\u043a\u0442\u0438\u0440\u043e\u0432\u0430\u0442\u044c","wc_comment_not_updated":"\u0418\u0437\u0432\u0438\u043d\u0438\u0442\u0435, \u043a\u043e\u043c\u043c\u0435\u043d\u0442\u0430\u0440\u0438\u0439 \u043d\u0435 \u0431\u044b\u043b \u043e\u0431\u043d\u043e\u0432\u043b\u0435\u043d","wc_comment_not_edited":"\u0412\u044b \u043d\u0435 \u0441\u0434\u0435\u043b\u0430\u043b\u0438 \u043d\u0438\u043a\u0430\u043a\u0438\u0445 \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u0439","wc_msg_input_min_length":"\u0412\u0432\u043e\u0434 \u0441\u043b\u0438\u0448\u043a\u043e\u043c \u043a\u043e\u0440\u043e\u0442\u043a\u0438\u0439","wc_msg_input_max_length":"\u0412\u0432\u043e\u0434 \u0441\u043b\u0438\u0448\u043a\u043e\u043c \u0434\u043b\u0438\u043d\u043d\u044b\u0439","wc_spoiler_title":"\u041d\u0430\u0437\u0432\u0430\u043d\u0438\u0435 \u0441\u043f\u043e\u0439\u043b\u0435\u0440\u0430","wc_cannot_rate_again":"\u0412\u044b \u043d\u0435 \u043c\u043e\u0436\u0435\u0442\u0435 \u0441\u043d\u043e\u0432\u0430 \u043e\u0446\u0435\u043d\u0438\u0442\u044c","wc_not_allowed_to_rate":"\u0412\u0430\u043c \u043d\u0435 \u0440\u0430\u0437\u0440\u0435\u0448\u0435\u043d\u043e \u0441\u0442\u0430\u0432\u0438\u0442\u044c \u0437\u0434\u0435\u0441\u044c \u043e\u0446\u0435\u043d\u043a\u0443","wc_confirm_rate_edit":"Are you sure you want to edit your rate?","wc_follow_user":"\u041f\u043e\u0434\u043f\u0438\u0441\u0430\u0442\u044c\u0441\u044f \u043d\u0430 \u044d\u0442\u043e\u0433\u043e \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044f","wc_unfollow_user":"\u041e\u0442\u043f\u0438\u0441\u0430\u0442\u044c\u0441\u044f \u043e\u0442 \u044d\u0442\u043e\u0433\u043e \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044f","wc_follow_success":"\u0412\u044b \u043f\u043e\u0434\u043f\u0438\u0441\u0430\u043b\u0438\u0441\u044c \u043d\u0430 \u043a\u043e\u043c\u043c\u0435\u043d\u0442\u0430\u0440\u0438\u0438 \u044d\u0442\u043e\u0433\u043e \u0430\u0432\u0442\u043e\u0440\u0430","wc_follow_canceled":"\u0412\u044b \u043f\u0440\u0438\u043e\u0441\u0442\u0430\u043d\u043e\u0432\u0438\u043b\u0438 \u043f\u043e\u0434\u043f\u0438\u0441\u043a\u0443 \u043d\u0430 \u043a\u043e\u043c\u043c\u0435\u043d\u0442\u0430\u0440\u0438\u0438 \u044d\u0442\u043e\u0433\u043e \u0430\u0432\u0442\u043e\u0440\u0430.","wc_follow_email_confirm":"\u041f\u043e\u0436\u0430\u043b\u0443\u0439\u0441\u0442\u0430, \u043f\u0440\u043e\u0432\u0435\u0440\u044c\u0442\u0435 \u0441\u0432\u043e\u0439 email \u0438 \u043f\u043e\u0434\u0442\u0432\u0435\u0440\u0434\u0438\u0442\u0435 \u0437\u0430\u043f\u0440\u043e\u0441 \u043d\u0430 \u043f\u043e\u0434\u043f\u0438\u0441\u043a\u0443.","wc_follow_email_confirm_fail":"\u041e\u0447\u0435\u043d\u044c \u0436\u0430\u043b\u044c, \u043d\u043e \u043c\u044b \u043d\u0435 \u043c\u043e\u0436\u0435\u043c \u043e\u0442\u043f\u0440\u0430\u0432\u0438\u0442\u044c \u043f\u0438\u0441\u044c\u043c\u043e \u043f\u043e\u0434\u0442\u0432\u0435\u0440\u0436\u0434\u0435\u043d\u0438\u044f.","wc_follow_login_to_follow":"\u0410\u0432\u0442\u043e\u0440\u0438\u0437\u0443\u0439\u0442\u0435\u0441\u044c \u0447\u0442\u043e\u0431\u044b \u043f\u043e\u0434\u043f\u0438\u0441\u044b\u0432\u0430\u0442\u044c\u0441\u044f \u043d\u0430 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u0435\u0439.","wc_follow_impossible":"\u041e\u0447\u0435\u043d\u044c \u0436\u0430\u043b\u044c, \u043d\u043e \u0432\u044b \u043d\u0435 \u043c\u043e\u0436\u0435\u0442\u0435 \u043f\u043e\u0434\u043f\u0438\u0441\u0430\u0442\u044c\u0441\u044f \u043d\u0430 \u044d\u0442\u043e\u0433\u043e \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044f.","wc_follow_not_added":"\u041f\u043e\u0434\u043f\u0438\u0441\u0430\u0442\u044c\u0441\u044f \u043d\u0435 \u0443\u0434\u0430\u043b\u043e\u0441\u044c. \u041f\u043e\u0436\u0430\u043b\u0443\u0439\u0441\u0442\u0430, \u043f\u043e\u043f\u0440\u043e\u0431\u0443\u0439\u0442\u0435 \u043f\u043e\u0437\u0436\u0435.","is_user_logged_in":"","commentListLoadType":"0","commentListUpdateType":"0","commentListUpdateTimer":"60","liveUpdateGuests":"0","wordpressThreadCommentsDepth":"5","wordpressIsPaginate":"0","commentTextMaxLength":"0","replyTextMaxLength":"0","commentTextMinLength":"1","replyTextMinLength":"1","storeCommenterData":"100000","socialLoginAgreementCheckbox":"1","enableFbLogin":"0","fbUseOAuth2":"0","enableFbShare":"0","facebookAppID":"","facebookUseOAuth2":"0","enableGoogleLogin":"0","googleClientID":"","googleClientSecret":"","cookiehash":"92e3ffaa65eb5bdef2159643a08f6b76","isLoadOnlyParentComments":"0","scrollToComment":"1","commentFormView":"collapsed","enableDropAnimation":"1","isNativeAjaxEnabled":"1","userInteractionCheck":"1","enableBubble":"0","bubbleLiveUpdate":"0","bubbleHintTimeout":"45","bubbleHintHideTimeout":"10","cookieHideBubbleHint":"wpdiscuz_hide_bubble_hint","bubbleHintShowOnce":"1","bubbleHintCookieExpires":"7","bubbleShowNewCommentMessage":"1","bubbleLocation":"content_left","firstLoadWithAjax":"0","wc_copied_to_clipboard":"\u0421\u043a\u043e\u043f\u0438\u0440\u043e\u0432\u0430\u043d \u0432 \u0431\u0443\u0444\u0435\u0440 \u043e\u0431\u043c\u0435\u043d\u0430.","inlineFeedbackAttractionType":"blink","loadRichEditor":"1","wpDiscuzReCaptchaSK":"","wpDiscuzReCaptchaTheme":"light","wpDiscuzReCaptchaVersion":"2.0","wc_captcha_show_for_guest":"0","wc_captcha_show_for_members":"0","wpDiscuzIsShowOnSubscribeForm":"0","wmuEnabled":"1","wmuInput":"wmu_files","wmuMaxFileCount":"1","wmuMaxFileSize":"2097152","wmuPostMaxSize":"104857600","wmuIsLightbox":"1","wmuMimeTypes":{"jpg":"image/jpeg","jpeg":"image/jpeg","jpe":"image/jpeg","gif":"image/gif","png":"image/png","bmp":"image/bmp","tiff":"image/tiff","tif":"image/tiff","ico":"image/x-icon"},"wmuPhraseConfirmDelete":"\u0412\u044b \u0443\u0432\u0435\u0440\u0435\u043d\u044b, \u0447\u0442\u043e \u0445\u043e\u0442\u0438\u0442\u0435 \u0443\u0434\u0430\u043b\u0438\u0442\u044c \u044d\u0442\u043e \u0432\u043b\u043e\u0436\u0435\u043d\u0438\u0435?","wmuPhraseNotAllowedFile":"\u041d\u0435\u0434\u043e\u043f\u0443\u0441\u0442\u0438\u043c\u044b\u0439 \u0442\u0438\u043f \u0444\u0430\u0439\u043b\u0430","wmuPhraseMaxFileCount":"\u041c\u0430\u043a\u0441\u0438\u043c\u0430\u043b\u044c\u043d\u043e\u0435 \u043a\u043e\u043b\u0438\u0447\u0435\u0441\u0442\u0432\u043e \u0437\u0430\u0433\u0440\u0443\u0436\u0430\u0435\u043c\u044b\u0445 \u0444\u0430\u0439\u043b\u043e\u0432 1","wmuPhraseMaxFileSize":"\u041c\u0430\u043a\u0441\u0438\u043c\u0430\u043b\u044c\u043d\u044b\u0439 \u0440\u0430\u0437\u043c\u0435\u0440 \u0437\u0430\u0433\u0440\u0443\u0436\u0430\u0435\u043c\u043e\u0433\u043e \u0444\u0430\u0439\u043b\u0430 2MB","wmuPhrasePostMaxSize":"\u041c\u0430\u043a\u0441\u0438\u043c\u0430\u043b\u044c\u043d\u044b\u0439 \u0440\u0430\u0437\u043c\u0435\u0440 \u0441\u043e\u043e\u0431\u0449\u0435\u043d\u0438\u044f 100MB","wmuPhraseDoingUpload":"\u0418\u0434\u0435\u0442 \u0437\u0430\u0433\u0440\u0443\u0437\u043a\u0430! \u041f\u043e\u0436\u0430\u043b\u0443\u0439\u0441\u0442\u0430, \u043f\u043e\u0434\u043e\u0436\u0434\u0438\u0442\u0435.","msgEmptyFile":"File is empty. Please upload something more substantial. This error could also be caused by uploads being disabled in your php.ini or by post_max_size being defined as smaller than upload_max_filesize in php.ini.","msgPostIdNotExists":"ID \u0437\u0430\u043f\u0438\u0441\u0438 \u043d\u0435 \u0441\u0443\u0449\u0435\u0441\u0442\u0432\u0443\u0435\u0442","msgUploadingNotAllowed":"\u0418\u0437\u0432\u0438\u043d\u0438\u0442\u0435, \u0437\u0430\u0433\u0440\u0443\u0437\u043a\u0430 \u0434\u043b\u044f \u044d\u0442\u043e\u0433\u043e \u043f\u043e\u0441\u0442\u0430 \u0437\u0430\u043f\u0440\u0435\u0449\u0435\u043d\u0430","msgPermissionDenied":"\u0423 \u0432\u0430\u0441 \u043d\u0435\u0434\u043e\u0441\u0442\u0430\u0442\u043e\u0447\u043d\u043e \u043f\u0440\u0430\u0432 \u0434\u043b\u044f \u0432\u044b\u043f\u043e\u043b\u043d\u0435\u043d\u0438\u044f \u044d\u0442\u043e\u0433\u043e \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u044f","wmuKeyImages":"images","wmuSingleImageWidth":"auto","wmuSingleImageHeight":"200","previewTemplate":"\u003Cdiv class=\"wmu-preview [PREVIEW_TYPE_CLASS]\" title=\"[PREVIEW_TITLE]\" data-wmu-type=\"[PREVIEW_TYPE]\" data-wmu-attachment=\"[PREVIEW_ID]\"\u003E\r\n \u003Cdiv class=\"wmu-preview-remove\"\u003E\r\n \u003Cimg class=\"wmu-preview-img\" src=\"[PREVIEW_ICON]\"\u003E\r\n \u003Cdiv class=\"wmu-file-name\"\u003E[PREVIEW_FILENAME]\u003C/div\u003E\r\n \u003C!-- \u003Cdiv class=\"wmu-delete\"\u003E\u00a0\u003C/div\u003E--\u003E\r\n \u003C/div\u003E\r\n\u003C/div\u003E\r\n","isUserRated":"0","version":"7.6.34","wc_post_id":"8440","isCookiesEnabled":"1","loadLastCommentId":"0","dataFilterCallbacks":[],"phraseFilters":[],"scrollSize":"32","url":"https://xn----7sbbh7akdldfh0ai3n.xn--p1ai/wp-admin/admin-ajax.php","customAjaxUrl":"https://xn----7sbbh7akdldfh0ai3n.xn--p1ai/wp-content/plugins/wpdiscuz/utils/ajax/wpdiscuz-ajax.php","bubbleUpdateUrl":"https://xn----7sbbh7akdldfh0ai3n.xn--p1ai/wp-json/wpdiscuz/v1/update","restNonce":"519edd6a7e","is_rate_editable":"0","menu_icon":"https://xn----7sbbh7akdldfh0ai3n.xn--p1ai/wp-content/plugins/wpdiscuz/assets/img/plugin-icon/wpdiscuz-svg.svg","menu_icon_hover":"https://xn----7sbbh7akdldfh0ai3n.xn--p1ai/wp-content/plugins/wpdiscuz/assets/img/plugin-icon/wpdiscuz-svg_hover.svg","is_email_field_required":"1"};
var wpdiscuzUCObj = {"msgConfirmDeleteComment":"\u0412\u044b \u0445\u043e\u0442\u0438\u0442\u0435 \u0443\u0434\u0430\u043b\u0438\u0442\u044c \u044d\u0442\u043e\u0442 \u043a\u043e\u043c\u043c\u0435\u043d\u0442\u0430\u0440\u0438\u0439?","msgConfirmCancelSubscription":"\u0412\u044b \u0445\u043e\u0442\u0438\u0442\u0435 \u043e\u0442\u043c\u0435\u043d\u0438\u0442\u044c \u044d\u0442\u0443 \u043f\u043e\u0434\u043f\u0438\u0441\u043a\u0443?","msgConfirmCancelFollow":"\u0423\u0432\u0435\u0440\u0435\u043d\u044b, \u0447\u0442\u043e \u0445\u043e\u0442\u0438\u0442\u0435 \u043e\u0442\u043c\u0435\u043d\u0438\u0442\u044c \u043f\u043e\u0434\u043f\u0438\u0441\u043a\u0443?","additionalTab":"0"};
//# sourceURL=wpdiscuz-combo-js-js-extra
/* ]]> */
</script>
<script type="text/javascript" id="wpdiscuz-combo-js-js-before">
/* <![CDATA[ */
var wpdiscuzEditorOptions = {
modules: {
toolbar: "",
counter: {
uniqueID: "",
commentmaxcount : 0,
replymaxcount : 0,
commentmincount : 1,
replymincount : 1,
},
},
wc_be_the_first_text: "\u041e\u0441\u0442\u0430\u0432\u044c\u0442\u0435 \u043f\u0435\u0440\u0432\u044b\u0439 \u043a\u043e\u043c\u043c\u0435\u043d\u0442\u0430\u0440\u0438\u0439!",
wc_comment_join_text: "\u041f\u0440\u0438\u0441\u043e\u0435\u0434\u0438\u043d\u0438\u0442\u044c\u0441\u044f \u043a \u043e\u0431\u0441\u0443\u0436\u0434\u0435\u043d\u0438\u044e",
theme: 'snow',
debug: 'error'
};
//# sourceURL=wpdiscuz-combo-js-js-before
/* ]]> */
</script>
<script type="text/javascript" src="https://xn----7sbbh7akdldfh0ai3n.xn--p1ai/wp-content/plugins/wpdiscuz/assets/js/wpdiscuz-combo.min.js" id="wpdiscuz-combo-js-js"></script>
<script defer type="text/javascript" src="https://xn----7sbbh7akdldfh0ai3n.xn--p1ai/wp-content/plugins/akismet/_inc/akismet-frontend.js" id="akismet-frontend-js"></script>
<script>window.lazyLoadOptions = [{
elements_selector: "img[data-lazy-src],.rocket-lazyload,iframe[data-lazy-src]",
data_src: "lazy-src",
data_srcset: "lazy-srcset",
data_sizes: "lazy-sizes",
class_loading: "lazyloading",
class_loaded: "lazyloaded",
threshold: 300,
callback_loaded: function(element) {
if ( element.tagName === "IFRAME" && element.dataset.rocketLazyload == "fitvidscompatible" ) {
if (element.classList.contains("lazyloaded") ) {
if (typeof window.jQuery != "undefined") {
if (jQuery.fn.fitVids) {
jQuery(element).parent().fitVids();
}
}
}
}
}},{
elements_selector: ".rocket-lazyload",
data_src: "lazy-src",
data_srcset: "lazy-srcset",
data_sizes: "lazy-sizes",
class_loading: "lazyloading",
class_loaded: "lazyloaded",
threshold: 300,
}];
window.addEventListener('LazyLoad::Initialized', function (e) {
var lazyLoadInstance = e.detail.instance;
if (window.MutationObserver) {
var observer = new MutationObserver(function(mutations) {
var image_count = 0;
var iframe_count = 0;
var rocketlazy_count = 0;
mutations.forEach(function(mutation) {
for (var i = 0; i < mutation.addedNodes.length; i++) {
if (typeof mutation.addedNodes[i].getElementsByTagName !== 'function') {
continue;
}
if (typeof mutation.addedNodes[i].getElementsByClassName !== 'function') {
continue;
}
images = mutation.addedNodes[i].getElementsByTagName('img');
is_image = mutation.addedNodes[i].tagName == "IMG";
iframes = mutation.addedNodes[i].getElementsByTagName('iframe');
is_iframe = mutation.addedNodes[i].tagName == "IFRAME";
rocket_lazy = mutation.addedNodes[i].getElementsByClassName('rocket-lazyload');
image_count += images.length;
iframe_count += iframes.length;
rocketlazy_count += rocket_lazy.length;
if(is_image){
image_count += 1;
}
if(is_iframe){
iframe_count += 1;
}
}
} );
if(image_count > 0 || iframe_count > 0 || rocketlazy_count > 0){
lazyLoadInstance.update();
}
} );
var b = document.getElementsByTagName("body")[0];
var config = { childList: true, subtree: true };
observer.observe(b, config);
}
}, false);</script><script data-no-minify="1" async src="https://xn----7sbbh7akdldfh0ai3n.xn--p1ai/wp-content/plugins/rocket-lazy-load/assets/js/16.1/lazyload.min.js"></script><!-- <div class="flat_ads_block" style="width: 336px; height: 280px;" id="flat_ads_block_id_1">
<div class="flat_slide_cross"></div>
<div class="wrap_flat_ads_block">
<div class="dvxtm5d4ae5adba5b5" ><!-- Yandex.RTB R-A-514351-1 -->
<!-- <div id="yandex_rtb_R-A-514351-1"></div>
<script type="text/javascript">
(function(w, d, n, s, t) {
w[n] = w[n] || [];
w[n].push(function() {
Ya.Context.AdvManager.render({
blockId: "R-A-514351-1",
renderTo: "yandex_rtb_R-A-514351-1",
async: true
});
});
t = d.getElementsByTagName("script")[0];
s = d.createElement("script");
s.type = "text/javascript";
s.src = "//an.yandex.ru/system/context.js";
s.async = true;
t.parentNode.insertBefore(s, t);
})(this, this.document, "yandexContextAsyncCallbacks");
</script></div><style type="text/css">
@media screen and (min-width: 1201px) {
.dvxtm5d4ae5adba5b5 {
display: block;
}
}
@media screen and (min-width: 993px) and (max-width: 1200px) {
.dvxtm5d4ae5adba5b5 {
display: block;
}
}
@media screen and (min-width: 769px) and (max-width: 992px) {
.dvxtm5d4ae5adba5b5 {
display: block;
}
}
@media screen and (min-width: 768px) and (max-width: 768px) {
.dvxtm5d4ae5adba5b5 {
display: block;
}
}
@media screen and (max-width: 767px) {
.dvxtm5d4ae5adba5b5 {
display: block;
}
}
</style>
</div>
</div>
<!-- script type="text/javascript">
$(document).ready(function() {
console.log('ready');
$(window).on('scroll', function(){
if($(this).scrollTop() > 1000){
$('#flat_ads_block_id_1').addClass('left_slide_flat_panel');
} else {
$('#flat_ads_block_id_1').removeClass('left_slide_flat_panel');
}
});
});
</script -->
<!-- было <style>
#flat_ads_block_id_1 {
position: fixed;
right: calc(100% + 22px);
bottom: 0px;
transform-origin: center;
transform: translateX(0);
transition: all 0.3s ease;
z-index: 998;
}
#flat_ads_block_id_1.left_slide_flat_panel {
transform: translateX(calc(100% + 22px));
}
#flat_ads_block_id_1 .flat_slide_cross {
position: absolute;
width: 22px;
height: 22px;
top: -22px;
right: -10px;
z-index: 1;
background: #000 url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/Pgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDIwMDEwOTA0Ly9FTiIKICJodHRwOi8vd3d3LnczLm9yZy9UUi8yMDAxL1JFQy1TVkctMjAwMTA5MDQvRFREL3N2ZzEwLmR0ZCI+CjxzdmcgdmVyc2lvbj0iMS4wIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiB2aWV3Qm94PSIwIDAgMTc1LjAwMDAwMCAxNzYuMDAwMDAwIgogcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQgbWVldCI+CjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAuMDAwMDAwLDE3Ni4wMDAwMDApIHNjYWxlKDAuMTAwMDAwLC0wLjEwMDAwMCkiCmZpbGw9IiNmZmYiIHN0cm9rZT0ibm9uZSI+CjxwYXRoIGQ9Ik02MzIgMTEyOCBsLTYyIC02MyA5MSAtOTEgOTEgLTkxIC05MSAtOTUgLTkwIC05NSA2NSAtNjQgNjQgLTY0IDkyCjkzIDkzIDkyIDkyIC05MiA5MyAtOTIgNjAgNTkgYzMzIDMzIDYwIDY0IDYwIDY5IDAgNiAtMzkgNTAgLTg3IDk4IGwtODggODgKODggODggYzQ4IDQ4IDg3IDkyIDg3IDk4IDAgMTIgLTExMiAxMjQgLTEyNSAxMjQgLTUgMCAtNDkgLTM5IC05NyAtODcgbC04OAotODggLTg4IDg4IGMtNDggNDggLTkwIDg3IC05MiA4NyAtMyAwIC0zMyAtMjggLTY4IC02MnoiLz4KPC9nPgo8L3N2Zz4K) no-repeat center / cover;
cursor: pointer;
border-radius: 100%;
}
#flat_ads_block_id_1 .flat_slide_cross:hover {
background: #444 url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/Pgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDIwMDEwOTA0Ly9FTiIKICJodHRwOi8vd3d3LnczLm9yZy9UUi8yMDAxL1JFQy1TVkctMjAwMTA5MDQvRFREL3N2ZzEwLmR0ZCI+CjxzdmcgdmVyc2lvbj0iMS4wIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiB2aWV3Qm94PSIwIDAgMTc1LjAwMDAwMCAxNzYuMDAwMDAwIgogcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQgbWVldCI+CjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAuMDAwMDAwLDE3Ni4wMDAwMDApIHNjYWxlKDAuMTAwMDAwLC0wLjEwMDAwMCkiCmZpbGw9IiNmZmYiIHN0cm9rZT0ibm9uZSI+CjxwYXRoIGQ9Ik02MzIgMTEyOCBsLTYyIC02MyA5MSAtOTEgOTEgLTkxIC05MSAtOTUgLTkwIC05NSA2NSAtNjQgNjQgLTY0IDkyCjkzIDkzIDkyIDkyIC05MiA5MyAtOTIgNjAgNTkgYzMzIDMzIDYwIDY0IDYwIDY5IDAgNiAtMzkgNTAgLTg3IDk4IGwtODggODgKODggODggYzQ4IDQ4IDg3IDkyIDg3IDk4IDAgMTIgLTExMiAxMjQgLTEyNSAxMjQgLTUgMCAtNDkgLTM5IC05NyAtODcgbC04OAotODggLTg4IDg4IGMtNDggNDggLTkwIDg3IC05MiA4NyAtMyAwIC0zMyAtMjggLTY4IC02MnoiLz4KPC9nPgo8L3N2Zz4K) no-repeat center / cover
}
</style> -->
</body>
</html>
