Как увеличить карту в HTML - Пошаговое руководство для веб-разработчиков

Чтобы увеличить карту на вашем сайте, используйте атрибут width в теге </em>. Например, если ширина карты задана как 300 пикселей, измените значение на 600 пикселей или больше, в зависимости от ваших потребностей. Это позволит карте занимать больше места на странице, не нарушая её структуру.</p> <p>Для адаптивной карты добавьте стили CSS, используя свойство <strong>max-width</strong> и значение <em>100%</em>. Это обеспечит корректное отображение карты на устройствах с разными размерами экрана. Например, вставьте в CSS: <em>iframe { max-width: 100%; height: auto; }</em>. Таким образом, карта будет автоматически масштабироваться.</p> <p>Если вы используете API карт, например Google Maps, настройте параметры масштабирования через JavaScript. Добавьте параметр <strong>zoom</strong> в настройки карты. Увеличьте значение по умолчанию (обычно 10) до 15 или выше, чтобы карта отображалась более детализировано. Это особенно полезно для фокусировки на конкретной области.</p> <p>Не забывайте проверять результат на разных устройствах. Убедитесь, что карта корректно отображается как на десктопах, так и на мобильных устройствах. Это поможет избежать проблем с пользовательским опытом и улучшит функциональность вашего сайта.</p> <h2>Изменение размеров карты с помощью CSS</h2> <p>Чтобы изменить размеры карты, задайте свойства <code>width</code> и <code>height</code> для элемента, содержащего карту. Например, если карта находится в блоке с классом <code>.map-container</code>, добавьте в CSS следующие стили:</p> <pre><code>.map-container { width: 100%; height: 400px; } </code></pre> <p>Используйте проценты для адаптивных размеров или пиксели для фиксированных. Если карта должна занимать всю ширину родительского элемента, установите <code>width: 100%</code>, а высоту настройте в зависимости от дизайна.</p> <p>Для более гибкого управления размерами можно использовать медиазапросы. Это позволит карте менять размеры в зависимости от ширины экрана:</p> <pre><code>@media (max-width: 768px) { .map-container { height: 300px; } } </code></pre> <p>Если карта не масштабируется корректно, проверьте, чтобы у родительского элемента не было ограничений по высоте. Например, убедитесь, что контейнер не имеет фиксированной высоты или свойства <code>overflow: hidden</code>.</p> <p>Для карт, встроенных через iframe, добавьте атрибут <code>style="border:0;"</code>, чтобы убрать рамку, и задайте размеры через CSS:</p> <pre><code>iframe.map { width: 100%; height: 100%; border: 0; } </code></pre> <p>Проверяйте отображение карты на разных устройствах, чтобы убедиться, что она выглядит корректно на всех экранах.</p> <h3>Выбор правильных единиц измерения</h3> <p>Для масштабирования карты в HTML используйте относительные единицы измерения, такие как проценты (%) или viewport units (vw, vh). Это позволяет карте адаптироваться под размеры экрана пользователя. Например, установите ширину карты в 100%, чтобы она занимала всю доступную ширину контейнера.</p> <p>Если вам нужно сохранить пропорции карты, используйте единицы vw и vh. Например, задайте ширину 80vw, а высоту 50vh. Это обеспечит корректное отображение на устройствах с разным разрешением.</p> <p>Для более точного контроля над размерами карты применяйте медиазапросы. Укажите разные значения ширины и высоты для различных экранов. Например, для экранов меньше 768px установите ширину 90%, а для больших экранов – 70%.</p> <p>Избегайте фиксированных единиц измерения, таких как пиксели (px), если только это не требуется для точного позиционирования. Фиксированные размеры могут привести к проблемам на устройствах с маленькими или большими экранами.</p> <p>Если карта содержит интерактивные элементы, такие как маркеры или подсказки, проверьте их размеры и позиции при изменении масштаба. Используйте относительные единицы и для этих элементов, чтобы они оставались удобными для взаимодействия.</p> <p>Проверяйте отображение карты на разных устройствах и браузерах. Используйте инструменты разработчика в браузере для тестирования и настройки размеров. Это поможет избежать неожиданных проблем при масштабировании.</p> <h3>Рассматриваем различные единицы измерения, такие как пиксели, проценты и viewport единицы.</h3> <p>Для увеличения карты в HTML используйте <strong>пиксели (px)</strong>, если вам нужно точное фиксированное значение. Например, задайте ширину карты как <code>width: 600px;</code>. Это подходит для статичных элементов, где размер не должен меняться при изменении экрана.</p> <p>Если требуется гибкость, применяйте <strong>проценты (%)</strong>. Например, <code>width: 100%;</code> сделает карту растянутой на всю ширину родительского контейнера. Это особенно полезно для адаптивного дизайна, когда карта должна подстраиваться под размеры окна браузера.</p> <p>Для работы с размерами, зависящими от области просмотра, используйте <strong>viewport единицы (vw, vh)</strong>. Например, <code>width: 80vw;</code> задаст ширину карты в 80% от ширины окна браузера. Это удобно для создания масштабируемых элементов, которые сохраняют пропорции на разных устройствах.</p> <p>Комбинируйте единицы для достижения нужного эффекта. Например, задайте минимальную ширину в пикселях, а основную – в процентах: <code>width: 100%; min-width: 300px;</code>. Это обеспечит адаптивность, но предотвратит слишком сильное уменьшение карты.</p> <h3>Применение стилей к элементу iframe</h3> <p>Используйте CSS для настройки внешнего вида и поведения элемента <code>iframe</code>. Например, задайте ширину и высоту через свойства <code>width</code> и <code>height</code>:</p> <pre><code>iframe { width: 100%; height: 400px; border: none; }</code></pre> <p>Добавьте рамку или тень для визуального выделения:</p> <pre><code>iframe { border: 2px solid #ccc; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); }</code></pre> <p>Для адаптивности примените медиа-запросы, чтобы изменить размеры <code>iframe</code> на мобильных устройствах:</p> <pre><code>@media (max-width: 768px) { iframe { height: 300px; } }</code></pre> <p>Если нужно скрыть полосы прокрутки внутри <code>iframe</code>, добавьте атрибут <code>scrolling="no"</code> в HTML:</p> <pre><code><iframe src="your-link" scrolling="no"></iframe></code></pre> <p>Для улучшения взаимодействия с пользователем добавьте плавный переход при изменении размеров:</p> <pre><code>iframe { transition: height 0.3s ease; }</code></pre> <p>Эти методы помогут сделать <code>iframe</code> более функциональным и визуально привлекательным на вашем сайте.</p> <h3>Пошаговое описание, как изменять размеры карты при помощи CSS-стилей и атрибутов.</h3> <p>Для изменения размеров карты в HTML используйте атрибуты <code>width</code> и <code>height</code> внутри тега <code><iframe></code>. Например, задайте ширину 600 пикселей и высоту 450 пикселей: <code><iframe width="600" height="450" src="ссылка_на_карту"></iframe></code>. Это базовый способ, который работает без дополнительных стилей.</p> <p>Чтобы сделать карту адаптивной, примените CSS. Добавьте класс к <code><iframe></code>, например <code>map-container</code>, и задайте стили в CSS. Используйте свойство <code>width: 100%;</code> для растягивания карты на всю ширину контейнера. Для сохранения пропорций добавьте <code>aspect-ratio: 16 / 9;</code> или другое соотношение, подходящее под ваши нужды.</p> <p>Если нужно ограничить максимальную ширину карты, используйте <code>max-width</code>. Например, <code>.map-container { max-width: 800px; }</code> предотвратит растягивание карты больше заданного значения. Это особенно полезно для больших экранов.</p> <p>Для более точного контроля над размерами используйте медиазапросы. Например, задайте разные размеры для мобильных устройств: <code>@media (max-width: 768px) { .map-container { width: 100%; height: 300px; } }</code>. Это обеспечит корректное отображение карты на всех устройствах.</p> <p>Если карта встроена через API, например Google Maps, используйте JavaScript для динамического изменения размеров. Например, добавьте обработчик события <code>resize</code>, чтобы обновлять размеры карты при изменении окна браузера.</p> <p>Не забывайте тестировать изменения на разных устройствах и разрешениях экрана. Это поможет убедиться, что карта выглядит корректно и удобно для пользователей.</p> <h3>Учет адаптивности при изменении размеров</h3> <p>Используйте относительные единицы измерения, такие как проценты или <code>vw</code>/<code>vh</code>, чтобы карта масштабировалась пропорционально размерам экрана. Например, задайте ширину карты как <code>width: 90%;</code>, чтобы она занимала большую часть экрана, но оставляла отступы по краям.</p> <p>Добавьте медиазапросы для тонкой настройки отображения на разных устройствах. Например, для экранов шириной менее 768 пикселей уменьшите размер карты до <code>width: 100%;</code> и измените размер шрифта подписей для улучшения читаемости.</p> <p>Проверяйте поведение карты на устройствах с разным разрешением с помощью инструментов разработчика в браузере. Это поможет убедиться, что карта корректно отображается на мобильных устройствах, планшетах и десктопах.</p> <p>Используйте CSS-свойство <code>max-width</code>, чтобы ограничить максимальный размер карты. Например, установите <code>max-width: 1200px;</code>, чтобы карта не растягивалась слишком широко на больших экранах.</p> <p>Убедитесь, что интерактивные элементы карты, такие как кнопки или всплывающие окна, остаются доступными на всех устройствах. Проверьте, чтобы они не перекрывали друг друга и были удобны для взаимодействия на сенсорных экранах.</p> <h3>Советы по созданию адаптивной карты, которая будет корректно отображаться на различных устройствах.</h3> <p>Используйте относительные единицы измерения, такие как проценты или <code>vw</code>, для задания размеров карты. Это позволит ей автоматически подстраиваться под ширину экрана.</p> <p>Добавьте медиа-запросы, чтобы адаптировать карту для разных разрешений. Например, для мобильных устройств уменьшите размер карты и увеличьте масштаб, чтобы пользователи могли легко взаимодействовать с ней.</p> <table> <tr> <th>Устройство</th> <th>Рекомендуемый размер карты</th> </tr> <tr> <td>Мобильные устройства</td> <td>90% ширины экрана</td> </tr> <tr> <td>Планшеты</td> <td>80% ширины экрана</td> </tr> <tr> <td>Десктопы</td> <td>70% ширины экрана</td> </tr> </table> <p>Убедитесь, что карта поддерживает touch-события. Добавьте обработчики для жестов, таких как масштабирование и перемещение, чтобы улучшить пользовательский опыт на сенсорных устройствах.</p> <p>Оптимизируйте загрузку карты, используя ленивую загрузку. Это особенно полезно для мобильных устройств с ограниченным трафиком и производительностью.</p> <p>Проверьте отображение карты в разных браузерах и на различных устройствах. Используйте инструменты разработчика для тестирования и устранения возможных проблем.</p> <p>Добавьте кнопки управления масштабом и центрированием, если карта занимает большую часть экрана. Это упростит взаимодействие для пользователей.</p> <h2>Использование JavaScript для управления картой</h2> <p>Для увеличения карты используйте метод <code>setZoom</code> в JavaScript. Например, если вы работаете с API Яндекс.Карт, вызовите <code>myMap.setZoom(10)</code>, где <code>10</code> – уровень масштабирования. Это мгновенно изменит масштаб карты.</p> <p>Добавьте кнопки для управления масштабом. Создайте элементы интерфейса с помощью HTML и привяжите к ним обработчики событий. Например:</p> <pre><code> <button onclick="myMap.setZoom(myMap.getZoom() + 1)">Увеличить</button> <button onclick="myMap.setZoom(myMap.getZoom() - 1)">Уменьшить</button> </code></pre> <p>Используйте метод <code>panTo</code> для плавного перемещения карты к нужной точке. Например, <code>myMap.panTo([55.751244, 37.618423])</code> переместит карту к координатам Москвы.</p> <p>Для адаптации карты под размеры экрана добавьте обработчик события <code>resize</code>:</p> <pre><code> window.addEventListener('resize', () => { myMap.container.fitToViewport(); }); </code></pre> <p>Используйте метод <code>getBounds</code>, чтобы получить текущие границы карты. Это полезно для проверки, какие области видны пользователю. Например, <code>myMap.getBounds()</code> вернет координаты углов видимой области.</p> <p>Добавьте кастомные маркеры с помощью метода <code>geoObjects.add</code>. Укажите координаты и настройте внешний вид маркера через опции:</p> <pre><code> myMap.geoObjects.add(new ymaps.Placemark([55.76, 37.64], { balloonContent: 'Пример маркера' })); </code></pre> <p>Используйте события карты для создания интерактивных элементов. Например, при клике на карту можно отображать координаты точки:</p> <pre><code> myMap.events.add('click', (e) => { const coords = e.get('coords'); console.log(coords); }); </code></pre> <p>Эти методы помогут вам легко управлять картой и сделать её более удобной для пользователей.</p> <h3>Изменение масштаба карты через API</h3> <p>Для управления масштабом карты через API используйте метод <strong>setZoom</strong>. Например, в Google Maps API достаточно вызвать <em>map.setZoom(10)</em>, чтобы установить уровень масштабирования на 10. Уровень масштаба обычно варьируется от 1 (весь мир) до 20 (максимальное приближение).</p> <p>Чтобы плавно изменить масштаб, добавьте анимацию с помощью метода <strong>panTo</strong> или <strong>fitBounds</strong>. Например, <em>map.panTo(new google.maps.LatLng(55.7558, 37.6176))</em> переместит карту к центру Москвы, а <em>map.fitBounds(bounds)</em> автоматически подберет подходящий масштаб для отображения заданной области.</p> <p>Для увеличения или уменьшения масштаба на один уровень используйте методы <strong>zoomIn</strong> и <strong>zoomOut</strong>. В Leaflet это выглядит так: <em>map.zoomIn()</em> или <em>map.zoomOut()</em>. Эти методы удобны для реализации кнопок управления на интерфейсе.</p> <p>Если нужно ограничить диапазон масштабирования, задайте параметры <strong>minZoom</strong> и <strong>maxZoom</strong> при инициализации карты. Например, в Leaflet: <em>L.map(‘map’, { minZoom: 5, maxZoom: 15 })</em>. Это предотвратит слишком сильное увеличение или уменьшение карты.</p> <p>Для обработки событий изменения масштаба добавьте слушатель <strong>zoomend</strong>. В Google Maps это можно сделать так: <em>google.maps.event.addListener(map, ‘zoom_changed’, function() { console.log(‘Масштаб изменен’); })</em>. Это полезно, если нужно обновить данные на карте при изменении уровня масштабирования.</p> <h3>Инструкция по работе с API карт для динамического изменения масштаба.</h3> <p>Для изменения масштаба карты через API, используйте метод <code>setZoom</code>. Например, в Google Maps API вызовите <code>map.setZoom(10)</code>, чтобы установить масштаб на уровень 10. Уровень масштаба может варьироваться от 0 (максимальное отдаление) до 21 (максимальное приближение).</p> <p>Чтобы плавно изменить масштаб, добавьте анимацию с помощью метода <code>panTo</code> или <code>setCenter</code>. Например, <code>map.panTo(new google.maps.LatLng(55.7558, 37.6176))</code> переместит карту к координатам Москвы с плавным переходом.</p> <p>Для увеличения масштаба в зависимости от действий пользователя, привяжите событие клика к функции изменения масштаба. Например, добавьте обработчик события <code>click</code> на элемент карты, который вызывает <code>map.setZoom(map.getZoom() + 1)</code> для увеличения масштаба на один уровень.</p> <p>Если нужно ограничить диапазон масштабирования, установите параметры <code>minZoom</code> и <code>maxZoom</code> при инициализации карты. Например, <code>minZoom: 5, maxZoom: 15</code> ограничит масштаб между уровнями 5 и 15.</p> <p>Для адаптивного изменения масштаба в зависимости от размера экрана, используйте метод <code>fitBounds</code>. Передайте координаты области, которую нужно отобразить, и карта автоматически подстроит масштаб. Например, <code>map.fitBounds(bounds)</code> отобразит всю заданную область.</p> <p>Чтобы добавить кнопки управления масштабом, используйте стандартные элементы управления API или создайте свои. Например, добавьте кнопки с вызовом <code>map.setZoom(map.getZoom() + 1)</code> и <code>map.setZoom(map.getZoom() - 1)</code> для увеличения и уменьшения масштаба.</p> <p>Проверяйте текущий уровень масштаба с помощью метода <code>getZoom</code>. Это полезно, если нужно выполнить действия только при определенном уровне. Например, <code>if (map.getZoom() > 10) { ... }</code> выполнит код, если масштаб больше 10.</p> </p> </div> </article> <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%25d1%2583%25d0%25b2%25d0%25b5%25d0%25bb%25d0%25b8%25d1%2587%25d0%25b5%25d0%25bd%25d0%25b8%25d0%25b5-%25d0%25ba%25d0%25b0%25d1%2580%25d1%2582%25d1%258b-%25d0%25b2-html-%25d0%25bf%25d0%25be%25d1%2588%25d0%25b0%25d0%25b3%25d0%25be%25d0%25b2%25d0%25be%25d0%25b5-%25d1%2580%25d1%2583%25d0%25ba%25d0%25be%25d0%25b2%25d0%25be%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%25d1%2583%25d0%25b2%25d0%25b5%25d0%25bb%25d0%25b8%25d1%2587%25d0%25b5%25d0%25bd%25d0%25b8%25d0%25b5-%25d0%25ba%25d0%25b0%25d1%2580%25d1%2582%25d1%258b-%25d0%25b2-html-%25d0%25bf%25d0%25be%25d1%2588%25d0%25b0%25d0%25b3%25d0%25be%25d0%25b2%25d0%25be%25d0%25b5-%25d1%2580%25d1%2583%25d0%25ba%25d0%25be%25d0%25b2%25d0%25be%2F"></span> <span class="b-share__ico b-share__tw js-share-link" data-uri="http://twitter.com/share?text=%D0%A3%D0%B2%D0%B5%D0%BB%D0%B8%D1%87%D0%B5%D0%BD%D0%B8%D0%B5+%D0%BA%D0%B0%D1%80%D1%82%D1%8B+%D0%B2+HTML+%D0%BF%D0%BE%D1%88%D0%B0%D0%B3%D0%BE%D0%B2%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+%D0%B4%D0%BB%D1%8F+%D0%B2%D0%B5%D0%B1-%D1%80%D0%B0%D0%B7%D1%80%D0%B0%D0%B1%D0%BE%D1%82%D1%87%D0%B8%D0%BA%D0%BE%D0%B2&url=https%3A%2F%2Fxn----7sbbh7akdldfh0ai3n.xn--p1ai%2F%25d1%2583%25d0%25b2%25d0%25b5%25d0%25bb%25d0%25b8%25d1%2587%25d0%25b5%25d0%25bd%25d0%25b8%25d0%25b5-%25d0%25ba%25d0%25b0%25d1%2580%25d1%2582%25d1%258b-%25d0%25b2-html-%25d0%25bf%25d0%25be%25d1%2588%25d0%25b0%25d0%25b3%25d0%25be%25d0%25b2%25d0%25be%25d0%25b5-%25d1%2580%25d1%2583%25d0%25ba%25d0%25be%25d0%25b2%25d0%25be%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%25d1%2583%25d0%25b2%25d0%25b5%25d0%25bb%25d0%25b8%25d1%2587%25d0%25b5%25d0%25bd%25d0%25b8%25d0%25b5-%25d0%25ba%25d0%25b0%25d1%2580%25d1%2582%25d1%258b-%25d0%25b2-html-%25d0%25bf%25d0%25be%25d1%2588%25d0%25b0%25d0%25b3%25d0%25be%25d0%25b2%25d0%25be%25d0%25b5-%25d1%2580%25d1%2583%25d0%25ba%25d0%25be%25d0%25b2%25d0%25be%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%25d1%2583%25d0%25b2%25d0%25b5%25d0%25bb%25d0%25b8%25d1%2587%25d0%25b5%25d0%25bd%25d0%25b8%25d0%25b5-%25d0%25ba%25d0%25b0%25d1%2580%25d1%2582%25d1%258b-%25d0%25b2-html-%25d0%25bf%25d0%25be%25d1%2588%25d0%25b0%25d0%25b3%25d0%25be%25d0%25b2%25d0%25be%25d0%25b5-%25d1%2580%25d1%2583%25d0%25ba%25d0%25be%25d0%25b2%25d0%25be%2F"></span> <span class="b-share__ico b-share__whatsapp js-share-link js-share-link-no-window" data-uri="whatsapp://send?text=%D0%A3%D0%B2%D0%B5%D0%BB%D0%B8%D1%87%D0%B5%D0%BD%D0%B8%D0%B5+%D0%BA%D0%B0%D1%80%D1%82%D1%8B+%D0%B2+HTML+%D0%BF%D0%BE%D1%88%D0%B0%D0%B3%D0%BE%D0%B2%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+%D0%B4%D0%BB%D1%8F+%D0%B2%D0%B5%D0%B1-%D1%80%D0%B0%D0%B7%D1%80%D0%B0%D0%B1%D0%BE%D1%82%D1%87%D0%B8%D0%BA%D0%BE%D0%B2%20https%3A%2F%2Fxn----7sbbh7akdldfh0ai3n.xn--p1ai%2F%25d1%2583%25d0%25b2%25d0%25b5%25d0%25bb%25d0%25b8%25d1%2587%25d0%25b5%25d0%25bd%25d0%25b8%25d0%25b5-%25d0%25ba%25d0%25b0%25d1%2580%25d1%2582%25d1%258b-%25d0%25b2-html-%25d0%25bf%25d0%25be%25d1%2588%25d0%25b0%25d0%25b3%25d0%25be%25d0%25b2%25d0%25be%25d0%25b5-%25d1%2580%25d1%2583%25d0%25ba%25d0%25be%25d0%25b2%25d0%25be%2F"></span> <span class="b-share__ico b-share__viber js-share-link js-share-link-no-window" data-uri="viber://forward?text=%D0%A3%D0%B2%D0%B5%D0%BB%D0%B8%D1%87%D0%B5%D0%BD%D0%B8%D0%B5+%D0%BA%D0%B0%D1%80%D1%82%D1%8B+%D0%B2+HTML+%D0%BF%D0%BE%D1%88%D0%B0%D0%B3%D0%BE%D0%B2%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+%D0%B4%D0%BB%D1%8F+%D0%B2%D0%B5%D0%B1-%D1%80%D0%B0%D0%B7%D1%80%D0%B0%D0%B1%D0%BE%D1%82%D1%87%D0%B8%D0%BA%D0%BE%D0%B2%20https%3A%2F%2Fxn----7sbbh7akdldfh0ai3n.xn--p1ai%2F%25d1%2583%25d0%25b2%25d0%25b5%25d0%25bb%25d0%25b8%25d1%2587%25d0%25b5%25d0%25bd%25d0%25b8%25d0%25b5-%25d0%25ba%25d0%25b0%25d1%2580%25d1%2582%25d1%258b-%25d0%25b2-html-%25d0%25bf%25d0%25be%25d1%2588%25d0%25b0%25d0%25b3%25d0%25be%25d0%25b2%25d0%25be%25d0%25b5-%25d1%2580%25d1%2583%25d0%25ba%25d0%25be%25d0%25b2%25d0%25be%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%25d1%2583%25d0%25b2%25d0%25b5%25d0%25bb%25d0%25b8%25d1%2587%25d0%25b5%25d0%25bd%25d0%25b8%25d0%25b5-%25d0%25ba%25d0%25b0%25d1%2580%25d1%2582%25d1%258b-%25d0%25b2-html-%25d0%25bf%25d0%25be%25d1%2588%25d0%25b0%25d0%25b3%25d0%25be%25d0%25b2%25d0%25be%25d0%25b5-%25d1%2580%25d1%2583%25d0%25ba%25d0%25be%25d0%25b2%25d0%25be%2F&text=%D0%A3%D0%B2%D0%B5%D0%BB%D0%B8%D1%87%D0%B5%D0%BD%D0%B8%D0%B5+%D0%BA%D0%B0%D1%80%D1%82%D1%8B+%D0%B2+HTML+%D0%BF%D0%BE%D1%88%D0%B0%D0%B3%D0%BE%D0%B2%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+%D0%B4%D0%BB%D1%8F+%D0%B2%D0%B5%D0%B1-%D1%80%D0%B0%D0%B7%D1%80%D0%B0%D0%B1%D0%BE%D1%82%D1%87%D0%B8%D0%BA%D0%BE%D0%B2"></span> </div> <meta itemscope itemprop="mainEntityOfPage" itemType="https://schema.org/WebPage" itemid="https://xn----7sbbh7akdldfh0ai3n.xn--p1ai/%d1%83%d0%b2%d0%b5%d0%bb%d0%b8%d1%87%d0%b5%d0%bd%d0%b8%d0%b5-%d0%ba%d0%b0%d1%80%d1%82%d1%8b-%d0%b2-html-%d0%bf%d0%be%d1%88%d0%b0%d0%b3%d0%be%d0%b2%d0%be%d0%b5-%d1%80%d1%83%d0%ba%d0%be%d0%b2%d0%be/"/> <meta itemprop="dateModified" content="2024-09-23"/> <meta itemprop="datePublished" content="2024-09-23T10:15:47+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%25d1%2583%25d0%25b2%25d0%25b5%25d0%25bb%25d0%25b8%25d1%2587%25d0%25b5%25d0%25bd%25d0%25b8%25d0%25b5-%25d0%25ba%25d0%25b0%25d1%2580%25d1%2582%25d1%258b-%25d0%25b2-html-%25d0%25bf%25d0%25be%25d1%2588%25d0%25b0%25d0%25b3%25d0%25be%25d0%25b2%25d0%25be%25d0%25b5-%25d1%2580%25d1%2583%25d0%25ba%25d0%25be%25d0%25b2%25d0%25be%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="&rsaquo;" name="wpdiscuz_subscription_button"/> </div> <input type="hidden" id="wpdiscuz_subscribe_form_nonce" name="wpdiscuz_subscribe_form_nonce" value="d5e670dad2" /><input type="hidden" name="_wp_http_referer" value="/%D1%83%D0%B2%D0%B5%D0%BB%D0%B8%D1%87%D0%B5%D0%BD%D0%B8%D0%B5-%D0%BA%D0%B0%D1%80%D1%82%D1%8B-%D0%B2-html-%D0%BF%D0%BE%D1%88%D0%B0%D0%B3%D0%BE%D0%B2%D0%BE%D0%B5-%D1%80%D1%83%D0%BA%D0%BE%D0%B2%D0%BE/" /> </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/6f7055dfc3c4dad8390e792a0363664c9449e3766830e563b79c4479b8955f73?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/6f7055dfc3c4dad8390e792a0363664c9449e3766830e563b79c4479b8955f73?s=56&d=mm&r=g"/><noscript><img alt='guest' src='https://secure.gravatar.com/avatar/6f7055dfc3c4dad8390e792a0363664c9449e3766830e563b79c4479b8955f73?s=56&d=mm&r=g' srcset='https://secure.gravatar.com/avatar/6f7055dfc3c4dad8390e792a0363664c9449e3766830e563b79c4479b8955f73?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="dd5bddad49" /></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="182"/><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/2ac585483f64661e8f3be3560db3ecd24d1ee8bb1946e650be55f544fabdf805?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/2ac585483f64661e8f3be3560db3ecd24d1ee8bb1946e650be55f544fabdf805?s=56&d=mm&r=g"/><noscript><img alt='guest' src='https://secure.gravatar.com/avatar/2ac585483f64661e8f3be3560db3ecd24d1ee8bb1946e650be55f544fabdf805?s=56&d=mm&r=g' srcset='https://secure.gravatar.com/avatar/2ac585483f64661e8f3be3560db3ecd24d1ee8bb1946e650be55f544fabdf805?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="dd5bddad49" /></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="63"/><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"> <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='Настройка PHP использование openssl cafile для безопасного соединения' class='post-thumbnail' data-lazy-src="/wp-content/images/nastrojka-php-kak-ispolzovat-openssl-cafile-dlya-bezopasnogo-soedinen.jpg"><noscript><img src='/wp-content/images/nastrojka-php-kak-ispolzovat-openssl-cafile-dlya-bezopasnogo-soedinen.jpg' alt='Настройка PHP использование openssl cafile для безопасного соединения' class='post-thumbnail'></noscript><a href='https://xn----7sbbh7akdldfh0ai3n.xn--p1ai/%d0%bd%d0%b0%d1%81%d1%82%d1%80%d0%be%d0%b9%d0%ba%d0%b0-php-%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-openssl-cafile-%d0%b4%d0%bb%d1%8f-%d0%b1%d0%b5%d0%b7%d0%be/' title='Настройка PHP использование openssl cafile для безопасного соединения'>Настройка PHP использование openssl cafile для безопасного соединения</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/osnovi-parsinga-na-python-uroki-i-soveti-dlya-nachinayushix-razrabotchikov.jpg"><noscript><img src='/wp-content/images/osnovi-parsinga-na-python-uroki-i-soveti-dlya-nachinayushix-razrabotchikov.jpg' alt='Основы парсинга на Python уроки и советы для начинающих' class='post-thumbnail'></noscript><a href='https://xn----7sbbh7akdldfh0ai3n.xn--p1ai/%d0%be%d1%81%d0%bd%d0%be%d0%b2%d1%8b-%d0%bf%d0%b0%d1%80%d1%81%d0%b8%d0%bd%d0%b3%d0%b0-%d0%bd%d0%b0-python-%d1%83%d1%80%d0%be%d0%ba%d0%b8-%d0%b8-%d1%81%d0%be%d0%b2%d0%b5%d1%82%d1%8b-%d0%b4%d0%bb%d1%8f/' 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='Лучшие редакторы HTML и CSS с предпросмотром для веб-дизайна' class='post-thumbnail' data-lazy-src="/wp-content/images/luchshie-redaktori-html-i-css-s-funktsiej-predprosmotra-sozdajte-idealn.jpg"><noscript><img src='/wp-content/images/luchshie-redaktori-html-i-css-s-funktsiej-predprosmotra-sozdajte-idealn.jpg' alt='Лучшие редакторы HTML и CSS с предпросмотром для веб-дизайна' class='post-thumbnail'></noscript><a href='https://xn----7sbbh7akdldfh0ai3n.xn--p1ai/%d0%bb%d1%83%d1%87%d1%88%d0%b8%d0%b5-%d1%80%d0%b5%d0%b4%d0%b0%d0%ba%d1%82%d0%be%d1%80%d1%8b-html-%d0%b8-css-%d1%81-%d0%bf%d1%80%d0%b5%d0%b4%d0%bf%d1%80%d0%be%d1%81%d0%bc%d0%be%d1%82%d1%80%d0%be%d0%bc/' title='Лучшие редакторы HTML и CSS с предпросмотром для веб-дизайна'>Лучшие редакторы HTML и CSS с предпросмотром для веб-дизайна</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/peredacha-peremennix-mezhdu-funktsiyami-v-python-primeri-i-rekomendatsii.jpg"><noscript><img src='/wp-content/images/peredacha-peremennix-mezhdu-funktsiyami-v-python-primeri-i-rekomendatsii.jpg' alt='Передача переменных между функциями Python примеры и рекомендации' class='post-thumbnail'></noscript><a href='https://xn----7sbbh7akdldfh0ai3n.xn--p1ai/%d0%bf%d0%b5%d1%80%d0%b5%d0%b4%d0%b0%d1%87%d0%b0-%d0%bf%d0%b5%d1%80%d0%b5%d0%bc%d0%b5%d0%bd%d0%bd%d1%8b%d1%85-%d0%bc%d0%b5%d0%b6%d0%b4%d1%83-%d1%84%d1%83%d0%bd%d0%ba%d1%86%d0%b8%d1%8f%d0%bc%d0%b8-pyth/' 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='Полное руководство по использованию Http parikmaher parikmag ru index php для парикмахеров' class='post-thumbnail' data-lazy-src="/wp-content/images/kak-ispolzovat-http-parikmaher-parikmag-ru-index-php-polnoe-rukovods.jpg"><noscript><img src='/wp-content/images/kak-ispolzovat-http-parikmaher-parikmag-ru-index-php-polnoe-rukovods.jpg' alt='Полное руководство по использованию Http parikmaher parikmag ru index php для парикмахеров' class='post-thumbnail'></noscript><a href='https://xn----7sbbh7akdldfh0ai3n.xn--p1ai/%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-%d0%bf%d0%be-%d0%b8%d1%81%d0%bf%d0%be%d0%bb%d1%8c%d0%b7%d0%be%d0%b2%d0%b0%d0%bd%d0%b8%d1%8e-ht-3/' title='Полное руководство по использованию Http parikmaher parikmag ru index php для парикмахеров'>Полное руководство по использованию Http parikmaher parikmag ru index php для парикмахеров</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-obrezat-nachalo-stroki-v-python-prostoe-rukovodstvo-dlya-nachinayushix.jpg"><noscript><img src='/wp-content/images/kak-obrezat-nachalo-stroki-v-python-prostoe-rukovodstvo-dlya-nachinayushix.jpg' alt='Обрезка начала строки в Python Руководство для новичков' class='post-thumbnail'></noscript><a href='https://xn----7sbbh7akdldfh0ai3n.xn--p1ai/%d0%be%d0%b1%d1%80%d0%b5%d0%b7%d0%ba%d0%b0-%d0%bd%d0%b0%d1%87%d0%b0%d0%bb%d0%b0-%d1%81%d1%82%d1%80%d0%be%d0%ba%d0%b8-%d0%b2-python-%d1%80%d1%83%d0%ba%d0%be%d0%b2%d0%be%d0%b4%d1%81%d1%82%d0%b2%d0%be/' title='Обрезка начала строки в Python Руководство для новичков'>Обрезка начала строки в Python Руководство для новичков</a></li></div><br> </main> </div> </div> <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> </div> <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"> © 2026 Большой экспертный помощник программисту <div class="footer-text">Внимание! Информация, опубликованная на сайте, носит исключительно ознакомительный характер и не является рекомендацией к применению. Часть материалов предоставлена пользователями и посетителями сайта. Администрация не несет ответственности за их содержание.</div> </div> <div class="footer-counters"> </div> </div> </footer> </div> <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 id="wp-hooks-js" src="https://xn----7sbbh7akdldfh0ai3n.xn--p1ai/wp-includes/js/dist/hooks.min.js"></script> <script id="wp-i18n-js" src="https://xn----7sbbh7akdldfh0ai3n.xn--p1ai/wp-includes/js/dist/i18n.min.js"></script> <script id="wp-i18n-js-after"> wp.i18n.setLocaleData( { 'text direction\u0004ltr': [ 'ltr' ] } ); //# sourceURL=wp-i18n-js-after </script> <script id="swv-js" src="https://xn----7sbbh7akdldfh0ai3n.xn--p1ai/wp-content/plugins/contact-form-7/includes/swv/js/index.js"></script> <script id="contact-form-7-js-translations"> ( 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 id="contact-form-7-js-before"> var wpcf7 = { "api": { "root": "https:\/\/xn----7sbbh7akdldfh0ai3n.xn--p1ai\/wp-json\/", "namespace": "contact-form-7\/v1" } }; //# sourceURL=contact-form-7-js-before </script> <script id="contact-form-7-js" src="https://xn----7sbbh7akdldfh0ai3n.xn--p1ai/wp-content/plugins/contact-form-7/includes/js/index.js"></script> <script id="root-scripts-js" src="https://xn----7sbbh7akdldfh0ai3n.xn--p1ai/wp-content/themes/root/js/scripts.js"></script> <script async data-wp-strategy="async" fetchpriority="low" id="comment-reply-js" src="https://xn----7sbbh7akdldfh0ai3n.xn--p1ai/wp-includes/js/comment-reply.min.js"></script> <script id="q2w3_fixed_widget-js-extra"> 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 id="q2w3_fixed_widget-js" src="https://xn----7sbbh7akdldfh0ai3n.xn--p1ai/wp-content/plugins/q2w3-fixed-widget/js/frontend.min.js"></script> <script id="wpdiscuz-combo-js-js-extra"> 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":"11418","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":"52f30f4cc0","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 id="wpdiscuz-combo-js-js-before"> 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 id="wpdiscuz-combo-js-js" src="https://xn----7sbbh7akdldfh0ai3n.xn--p1ai/wp-content/plugins/wpdiscuz/assets/js/wpdiscuz-combo.min.js"></script> <script defer id="akismet-frontend-js" src="https://xn----7sbbh7akdldfh0ai3n.xn--p1ai/wp-content/plugins/akismet/_inc/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>   </body> </html>