Простой способ загрузки HTML на сервер без лишних хлопот

В мире веб-разработки нами уже давно завладел HTML, и это не удивительно. HTML является одним из самых популярных языков разметки веб-страниц и используется повсеместно. Но удобство работы с HTML иногда может омрачить процесс его загрузки на сервер. Так что же делать, если вы хотите простым и быстрым способом загрузить ваш HTML на сервер без лишних хлопот?

Ответ прост – воспользуйтесь FTP. FTP (File Transfer Protocol) – это простой и надежный протокол передачи файлов через Интернет. Он позволяет передавать файлы с вашего компьютера на удаленный сервер или наоборот. Для того чтобы начать работать с FTP, вам понадобится FTP-клиент – специальная программа, которая обеспечивает взаимодействие с FTP-серверами.

На сегодняшний день существует множество FTP-клиентов, работающих под различными операционными системами. Одним из наиболее популярных FTP-клиентов является FileZilla. FileZilla поддерживает все основные ОС – Windows, macOS и Linux – и отличается простотой в использовании. С его помощью вы сможете легко подключиться к вашему FTP-серверу и загрузить на него ваш HTML файл в пару щелчков мыши. И все это без лишних хлопот!

Содержание

Простой способ загрузки HTML на сервер
Преимущества использования HTML для загрузки на сервер
Структура HTML-файла и его содержимое
, , …, — заголовки разного уровня

— абзацы текста — ссылки , — неупорядоченные и упорядоченные списки — элемент списка — изображения — таблицы — формы для ввода данных Это лишь некоторые из основных элементов, которые могут быть использованы в HTML-файле. Каждый из них имеет свои атрибуты и может быть стилизован с помощью CSS, чтобы создать желаемый внешний вид страницы. Правильная структура и содержимое HTML-файла являются важными компонентами создания функциональных и эстетически приятных веб-страниц. При разработке веб-сайта следует стремиться к соблюдению правильной семантики и оптимизации кода для улучшения его доступности и производительности. Выбор хостинга для загрузки HTML-файла Перед выбором хостинга необходимо учитывать несколько факторов: 1. Скорость загрузки. Хостинг должен обеспечивать высокую скорость загрузки страниц, чтобы пользователи не уходили из-за долгой загрузки контента. 2. Надежность. Ваш сайт должен быть доступен 24/7, поэтому необходимо выбирать хостинг, который предлагает стабильную работу и минимальное количество сбоев. 3. Масштабируемость. Если у вас есть планы на дальнейшее расширение сайта, выбирайте хостинг, предоставляющий возможность масштабирования ресурсов без значительного увеличения стоимости. 4. Поддержка. Важно иметь возможность обратиться за помощью или консультацией в случае возникновения проблем или вопросов. Проверьте качество технической поддержки хостинг-провайдера. 5. Цена. Выбирайте хостинг, предлагающий оптимальное соотношение цены и качества. Не стоит экономить на стабильности и скорости загрузки сайта. Все эти факторы должны быть учтены при выборе хостинга для загрузки вашего HTML-файла. Не торопитесь и проведите тщательное исследование рынка хостинг-провайдеров, чтобы выбрать оптимальное решение для вашего сайта. Подготовка файлов и директорий для загрузки Перед тем, как начать загрузку HTML на сервер, необходимо подготовить файлы и создать нужные директории. 1. Создайте основной файл HTML с необходимой разметкой и содержимым. В этом файле будут храниться все элементы и стили, которые вы хотите загрузить на сервер. 2. Убедитесь, что все файлы и ресурсы (например, изображения, шрифты, таблицы стилей CSS и другие) используются относительными путями. Это гарантирует правильную загрузку на сервер и последующую отдачу файлов веб-страницы пользователям. 3. Создайте директорию на сервере, где будут храниться все загруженные файлы. Убедитесь, что у вас есть права доступа для записи в эту директорию. Имя файла Описание index.html Основной файл HTML, который будет загружаться на сервер. styles.css Файл со стилями, используемыми на веб-странице. images/ Директория, содержащая изображения, которые используются на веб-странице. fonts/ Директория, содержащая шрифты, которые используются на веб-странице. После выполнения этих шагов вы будете готовы к загрузке HTML на сервер без лишних хлопот. Продолжайте следующими шагами, чтобы узнать, как это сделать. Процесс загрузки HTML на сервер и его проверка Для загрузки HTML на сервер существует несколько способов: Использование FTP-клиента. Использование панели управления хостингом. Использование командной строки. После загрузки HTML-файла на сервер, следует выполнить его проверку: Открыть страницу в веб-браузере и проверить отображение. Проверить корректность работы ссылок и кнопок на странице. Убедиться, что все изображения и другие медиа-контенты корректно отображаются. Проверить код страницы на наличие ошибок при помощи инструментов разработчика в браузере. При необходимости, протестировать страницу на различных устройствах и браузерах. Правильная загрузка и проверка HTML-файла на сервере являются важными шагами для обеспечения корректного функционирования вашего сайта. Будьте внимательны и проверяйте свои страницы на регулярной основе, чтобы убедиться, что они работают без проблем.

, …, — заголовки разного уровня

Выбор хостинга для загрузки HTML-файла
Подготовка файлов и директорий для загрузки
Процесс загрузки HTML на сервер и его проверка

Простой способ загрузки HTML на сервер

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

1. FTP-клиент

Один из самых распространенных способов загрузки HTML-файлов на сервер — использование FTP-клиента. FTP-клиенты предоставляют пользователю удобный интерфейс для передачи файлов между компьютером и сервером. Для загрузки HTML-файлов на сервер, достаточно открыть FTP-клиент, ввести данные для подключения к серверу (адрес сервера, имя пользователя, пароль) и перетащить нужные файлы в окно клиента.

2. Веб-интерфейс хостинг-провайдера

Многие хостинг-провайдеры предоставляют своим клиентам удобный веб-интерфейс для работы с файлами на сервере. Чтобы загрузить HTML-файлы на сервер, нужно войти в аккаунт на сайте хостинг-провайдера, найти раздел «Файлы» или «Файловый менеджер», выбрать нужную папку и загрузить файлы в нее с помощью кнопки «Загрузить» или аналогичной.

3. Использование Git

Если вы уже используете Git для управления своим проектом, загрузка HTML-файлов на сервер может быть еще проще. Достаточно просто выполнить команду Git push для отправки файлов на свой удаленный репозиторий, который автоматически будет загружать файлы на сервер. Этот способ может быть особенно удобен для командной работы и автоматизации процесса загрузки файлов.

Преимущества использования HTML для загрузки на сервер

Простота использования: HTML является относительно простым языком, поэтому его использование для загрузки на сервер не вызывает сложностей даже для новичков.
Универсальность: HTML является стандартом веб-разметки и поддерживается практически всеми веб-браузерами и платформами, что делает его идеальным выбором для загрузки на сервер.
Масштабируемость: HTML позволяет загружать как отдельные файлы, так и целые наборы файлов, такие как изображения, аудио и видео. Благодаря этому, HTML идеально подходит для создания многостраничных сайтов или онлайн приложений с большим объемом контента.
Возможность встраивания: HTML позволяет встроить загружаемые файлы непосредственно в веб-страницу, что упрощает их доступ и улучшает пользовательский опыт.
Доступность: HTML-формы и элементы управления позволяют пользователям легко загружать файлы на сервер, даже без использования специальных программ или приложений.

В итоге, использование HTML для загрузки на сервер предоставляет большую гибкость и удобство, что делает его предпочтительным выбором для различных проектов, требующих загрузки файлов.

Структура HTML-файла и его содержимое

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

Основная структура HTML-файла состоит из следующих элементов:

— определение типа документа
— корневой элемент, содержит все другие элементы
— секция с метаданными и ссылками на внешние файлы стилей и скрипты
</b> — заголовок страницы, отображается в заголовке браузера или вкладке страницы</li><li><b><body></b> — секция с основным содержимым страницы</li></ul><p>Внутри<body> содержится основное содержимое страницы, такое как текст, изображения, таблицы и другие элементы. Содержимое страницы обычно размещается с использованием различных тегов, которые определяют тип и структуру элементов:</p><ul><li><b><br /><h1 id="p-p-b-zagolovki-raznogo-urovnya-li-abzatsy">,<h2 id="p-b-zagolovki-raznogo-urovnya-li-abzatsy">, …,<h6></b> — заголовки разного уровня</li><li><b><p></b> — абзацы текста</li><li><b><a></b> — ссылки</li><li><b><ul>,</p><ol></b> — неупорядоченные и упорядоченные списки</li><li><b><li></b> — элемент списка</li><li><b><img></b> — изображения</li><li><b><br /><table></b> — таблицы</li><li><b><br /><form></b> — формы для ввода данных</li></ul><p>Это лишь некоторые из основных элементов, которые могут быть использованы в HTML-файле. Каждый из них имеет свои атрибуты и может быть стилизован с помощью CSS, чтобы создать желаемый внешний вид страницы.</p><p>Правильная структура и содержимое HTML-файла являются важными компонентами создания функциональных и эстетически приятных веб-страниц. При разработке веб-сайта следует стремиться к соблюдению правильной семантики и оптимизации кода для улучшения его доступности и производительности.</p><h2 id="vybor-hostinga-dlya-zagruzki-html-fayla">Выбор хостинга для загрузки HTML-файла</h2><p>Перед выбором хостинга необходимо учитывать несколько факторов:</p><p>1. <strong>Скорость загрузки</strong>. Хостинг должен обеспечивать высокую скорость загрузки страниц, чтобы пользователи не уходили из-за долгой загрузки контента.</p><p>2. <strong>Надежность</strong>. Ваш сайт должен быть доступен 24/7, поэтому необходимо выбирать хостинг, который предлагает стабильную работу и минимальное количество сбоев.</p><p>3. <strong>Масштабируемость</strong>. Если у вас есть планы на дальнейшее расширение сайта, выбирайте хостинг, предоставляющий возможность масштабирования ресурсов без значительного увеличения стоимости.</p><p>4. <strong>Поддержка</strong>. Важно иметь возможность обратиться за помощью или консультацией в случае возникновения проблем или вопросов. Проверьте качество технической поддержки хостинг-провайдера.</p><p>5. <strong>Цена</strong>. Выбирайте хостинг, предлагающий оптимальное соотношение цены и качества. Не стоит экономить на стабильности и скорости загрузки сайта.</p><p>Все эти факторы должны быть учтены при выборе хостинга для загрузки вашего HTML-файла. Не торопитесь и проведите тщательное исследование рынка хостинг-провайдеров, чтобы выбрать оптимальное решение для вашего сайта.</p><h2 id="podgotovka-faylov-i-direktoriy-dlya-zagruzki">Подготовка файлов и директорий для загрузки</h2><p>Перед тем, как начать загрузку HTML на сервер, необходимо подготовить файлы и создать нужные директории.</p><p>1. Создайте основной файл HTML с необходимой разметкой и содержимым. В этом файле будут храниться все элементы и стили, которые вы хотите загрузить на сервер.</p><p>2. Убедитесь, что все файлы и ресурсы (например, изображения, шрифты, таблицы стилей CSS и другие) используются относительными путями. Это гарантирует правильную загрузку на сервер и последующую отдачу файлов веб-страницы пользователям.</p><p>3. Создайте директорию на сервере, где будут храниться все загруженные файлы. Убедитесь, что у вас есть права доступа для записи в эту директорию.</p><table><tr><th>Имя файла</th><th>Описание</th></tr><tr><td>index.html</td><td>Основной файл HTML, который будет загружаться на сервер.</td></tr><tr><td>styles.css</td><td>Файл со стилями, используемыми на веб-странице.</td></tr><tr><td>images/</td><td>Директория, содержащая изображения, которые используются на веб-странице.</td></tr><tr><td>fonts/</td><td>Директория, содержащая шрифты, которые используются на веб-странице.</td></tr></table><p>После выполнения этих шагов вы будете готовы к загрузке HTML на сервер без лишних хлопот. Продолжайте следующими шагами, чтобы узнать, как это сделать.</p><h2 id="protsess-zagruzki-html-na-server-i-ego-proverka">Процесс загрузки HTML на сервер и его проверка</h2><p>Для загрузки HTML на сервер существует несколько способов:</p><ul><li>Использование FTP-клиента.</li><li>Использование панели управления хостингом.</li><li>Использование командной строки.</li></ul><p>После загрузки HTML-файла на сервер, следует выполнить его проверку:</p><ol><li>Открыть страницу в веб-браузере и проверить отображение.</li><li>Проверить корректность работы ссылок и кнопок на странице.</li><li>Убедиться, что все изображения и другие медиа-контенты корректно отображаются.</li><li>Проверить код страницы на наличие ошибок при помощи инструментов разработчика в браузере.</li><li>При необходимости, протестировать страницу на различных устройствах и браузерах.</li></ol><p>Правильная загрузка и проверка HTML-файла на сервере являются важными шагами для обеспечения корректного функционирования вашего сайта. Будьте внимательны и проверяйте свои страницы на регулярной основе, чтобы убедиться, что они работают без проблем.</p><div class="fpm_end"></div></div></article><div class="rating-box"><div class="rating-box__header">Оцените статью</div><div class="wp-star-rating js-star-rating star-rating--score-0" data-post-id="61081" data-rating-count="0" data-rating-sum="0" data-rating-value="0"><span class="star-rating-item js-star-rating-item" data-score="1"><svg aria-hidden="true" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" class="i-ico"><path fill="currentColor" d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z" class="ico-star"></path></svg></span><span class="star-rating-item js-star-rating-item" data-score="2"><svg aria-hidden="true" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" class="i-ico"><path fill="currentColor" d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z" class="ico-star"></path></svg></span><span class="star-rating-item js-star-rating-item" data-score="3"><svg aria-hidden="true" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" class="i-ico"><path fill="currentColor" d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z" class="ico-star"></path></svg></span><span class="star-rating-item js-star-rating-item" data-score="4"><svg aria-hidden="true" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" class="i-ico"><path fill="currentColor" d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z" class="ico-star"></path></svg></span><span class="star-rating-item js-star-rating-item" data-score="5"><svg aria-hidden="true" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" class="i-ico"><path fill="currentColor" d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z" class="ico-star"></path></svg></span></div></div><div class="entry-social"><div class="social-buttons"><span class="social-button social-button--vkontakte" data-social="vkontakte" data-image=""></span><span class="social-button social-button--telegram" data-social="telegram"></span><span class="social-button social-button--odnoklassniki" data-social="odnoklassniki"></span><span class="social-button social-button--twitter" data-social="twitter"></span><span class="social-button social-button--sms" data-social="sms"></span><span class="social-button social-button--whatsapp" data-social="whatsapp"></span><span class="social-button social-button--pinterest" data-social="pinterest" data-url="https://proogorodik.ru/info/prostoi-sposob-zagruzki-html-na-server/" data-title="Простой способ загрузки HTML на сервер" data-description="В мире веб-разработки нами уже давно завладел HTML, и это не удивительно. HTML является одним из самых популярных языков разметки веб-страниц и используется повсеместно. Но удобство работы с HTML иногда может омрачить процесс его загрузки на сервер. Так что же делать, если вы хотите простым и быстрым способом загрузить ваш HTML на сервер без лишних […]" data-image=""></span></div></div><meta itemprop="author" content="admin"><meta itemscope itemprop="mainEntityOfPage" itemType="https://schema.org/WebPage" itemid="https://proogorodik.ru/info/prostoi-sposob-zagruzki-html-na-server/" content="Простой способ загрузки HTML на сервер"><div itemprop="publisher" itemscope itemtype="https://schema.org/Organization" style="display: none;"><meta itemprop="name" content="proogorodik.ru"><meta itemprop="telephone" content="proogorodik.ru"><meta itemprop="address" content="https://proogorodik.ru/info"></div></main></div><aside id="secondary" class="widget-area" itemscope itemtype="http://schema.org/WPSideBar"><div class="sticky-sidebar js-sticky-sidebar"><div id="custom_html-2" class="widget_text widget widget_custom_html"><div class="textwidget custom-html-widget"><div id="Q_sidebar"></div></div></div></div></aside><div id="related-posts" class="related-posts fixed"><div class="related-posts__header">Вам также может понравиться</div><div class="post-cards post-cards--vertical"><div class="post-card post-card--related post-card--thumbnail-no"><div class="post-card__title"><a href="https://proogorodik.ru/info/effektivnye-metody-samozashhity-klyucevye-tocki-ataki-dlya-zashhity-sebya-i-svoix-blizkix/">Эффективные методы самозащиты — ключевые точки атаки для защиты себя и своих близких</a></div><div class="post-card__description">В современном мире, когда интернет и технологии стали</div></div><div class="post-card post-card--related post-card--thumbnail-no"><div class="post-card__title"><a href="https://proogorodik.ru/info/nezabyvaemaya-interaktivnaya-menyuska-dlya-zavorazivaniya-vasix-gostei-na-nezabyvaemom-uzine/">Незабываемая интерактивная менюшка для завораживания ваших гостей на незабываемом ужине</a></div><div class="post-card__description">تعتبر العشاء مع الأصدقاء والعائلة مناسبة مميزة تقام</div></div><div class="post-card post-card--related post-card--thumbnail-no"><div class="post-card__title"><a href="https://proogorodik.ru/info/yarmarka-meda-v-kolomenskom-raspisanie-i-daty-okoncaniya-prazdnika-s-nasyshhennoi-programmoi/">Ярмарка меда в Коломенском расписание и даты окончания праздника с насыщенной программой</a></div><div class="post-card__description">В этом году в Коломенском – историческом и культурном</div></div><div class="post-card post-card--related post-card--thumbnail-no"><div class="post-card__title"><a href="https://proogorodik.ru/info/yaroslav-brin-i-ego-istoriya-isceznoveniya-s-youtube-novye-gorizonty-zvezdnogo-puti/">Ярослав Брин и его история исчезновения с YouTube — новые горизонты звездного пути</a></div><div class="post-card__description">В мире блогеров и видеоблогеров сверкающие звезды не</div></div></div></div></div></div><div class="site-footer-container "><footer id="colophon" class="site-footer site-footer--style-gray full"><div class="site-footer-inner fixed"><div class="footer-widgets footer-widgets-3"><div class="footer-widget"><div id="nav_menu-3" class="widget widget_nav_menu"><div class="widget-header">Про сайт</div><div class="menu-about_menu-container"><ul id="menu-about_menu" class="menu"><li id="menu-item-36" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-36"><a href="https://proogorodik.ru/info/kontakty/">Контакты</a></li><li id="menu-item-65" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-65"><a href="/sitemap_index.xml">Карта сайта</a></li></ul></div></div></div><div class="footer-widget"><div id="wpshop_widget_articles-2" class="widget widget_wpshop_widget_articles"><div class="widget-header">Популярные записи</div><div class="widget-articles"><article class="post-card post-card--small"><div class="post-card__body"><div class="post-card__title"><a href="https://proogorodik.ru/info/nanesenie-kraski-na-krasku-v-vannoi-poleznye-sovety-i-rekomendacii/">Нанесение краски на краску в ванной — полезные советы и рекомендации</a></div></div></article><article class="post-card post-card--small"><div class="post-card__body"><div class="post-card__title"><a href="https://proogorodik.ru/info/sekrety-bystrogo-i-effektivnogo-izbavleniya-ot-pyaten-sinei-rucki-na-odezde/">Секреты быстрого и эффективного избавления от пятен синей ручки на одежде!</a></div></div></article><article class="post-card post-card--small"><div class="post-card__body"><div class="post-card__title"><a href="https://proogorodik.ru/info/podklyucenie-unitaza-poleznye-sovety-i-posagovaya-instrukciya/">Подключение унитаза — полезные советы и пошаговая инструкция</a></div></div></article><article class="post-card post-card--small"><div class="post-card__body"><div class="post-card__title"><a href="https://proogorodik.ru/info/davat-ili-net-motilium-detyam-do-goda-fakty-i-rekomendacii/">Давать или нет мотилиум детям до года? Факты и рекомендации</a></div></div></article></div></div></div><div class="footer-widget"><div id="nav_menu-4" class="widget widget_nav_menu"><div class="widget-header">Cookie</div><div class="menu-cookie_menu-container"><ul id="menu-cookie_menu" class="menu"><li id="menu-item-66" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-privacy-policy menu-item-66"><a rel="privacy-policy" href="https://proogorodik.ru/info/privacy-policy/">Политика конфиденциальности</a></li><li id="menu-item-67" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-67"><a href="https://proogorodik.ru/info/soglashenie/">Соглашение (пользовательское)</a></li></ul></div></div></div></div><div class="footer-bottom"><div class="footer-info"> © 2025 proogorodik.ru</div></div></div></footer></div></div> <script>document.addEventListener("copy", (event) => {var pagelink = "\nИсточник: https://proogorodik.ru/info/prostoi-sposob-zagruzki-html-na-server";event.clipboardData.setData("text", document.getSelection() + pagelink);event.preventDefault();});</script><script type="text/javascript" id="reboot-scripts-js-extra">var settings_array = {"rating_text_average":"\u0441\u0440\u0435\u0434\u043d\u0435\u0435","rating_text_from":"\u0438\u0437","lightbox_display":"1","sidebar_fixed":"1"}; var wps_ajax = {"url":"https:\/\/proogorodik.ru\/info\/wp-admin\/admin-ajax.php","nonce":"2e2dbec0fc"};</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(); } } } } }}; 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 (i = 0; i < mutation.addedNodes.length; i++) { if (typeof mutation.addedNodes[i].getElementsByTagName !== 'function') { return; } if (typeof mutation.addedNodes[i].getElementsByClassName !== 'function') { return; } 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://proogorodik.ru/info/wp-content/plugins/rocket-lazy-load/assets/js/16.1/lazyload.min.js"></script><script>function lazyLoadThumb(e){var t='<img loading="lazy" data-lazy-src="https://i.ytimg.com/vi/ID/hqdefault.jpg" alt="" width="480" height="360"><noscript><img src="https://i.ytimg.com/vi/ID/hqdefault.jpg" alt="" width="480" height="360"></noscript>',a='<div class="play"></div>';return t.replace("ID",e)+a}function lazyLoadYoutubeIframe(){var e=document.createElement("iframe"),t="ID?autoplay=1";t+=0===this.dataset.query.length?'':'&'+this.dataset.query;e.setAttribute("src",t.replace("ID",this.dataset.src)),e.setAttribute("frameborder","0"),e.setAttribute("allowfullscreen","1"),e.setAttribute("allow", "accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"),this.parentNode.replaceChild(e,this)}document.addEventListener("DOMContentLoaded",function(){var e,t,a=document.getElementsByClassName("rll-youtube-player");for(t=0;t<a.length;t++)e=document.createElement("div"),e.setAttribute("data-id",a[t].dataset.id),e.setAttribute("data-query", a[t].dataset.query),e.setAttribute("data-src", a[t].dataset.src),e.innerHTML=lazyLoadThumb(a[t].dataset.id),e.onclick=lazyLoadYoutubeIframe,a[t].appendChild(e)});</script> <script defer src="https://proogorodik.ru/info/wp-content/cache/autoptimize/js/autoptimize_8719a8fcc817f74da642350c845eb2cd.js"></script></body></html>