Элемент <head> располагается в начале HTML-документа и содержит информацию, которая не отображается напрямую на странице, но влияет на её работу и индексирование поисковыми системами. Его правильное использование обеспечивает корректную загрузку стилей, скриптов и мета-данных.
Внутри <head> можно размещать мета-теги, которые задают кодировку, описание страницы и ключевые слова. Эти данные важны для SEO и правильного отображения контента в разных браузерах и устройствах. Например, тег <meta charset=»UTF-8″> гарантирует поддержку всех символов без искажений.
Тег <title> внутри <head> задает название страницы, отображаемое в заголовке окна браузера и вкладках. Оно также учитывается поисковыми системами при ранжировании. Рекомендуется использовать краткие, точные названия с включением ключевых слов.
Кроме мета-данных и заголовка, в <head> подключают внешние стили через <link> и скрипты через <script>. Стили, подключённые в <head>, загружаются перед отображением страницы, что предотвращает визуальные сдвиги, а скрипты можно помещать с атрибутом defer для выполнения после загрузки HTML.
Элемент <head> также используется для подключения фавиконов и шрифтов. Точные пути и корректный формат файлов позволяют браузеру быстро отображать иконки и загружать ресурсы без ошибок.
Head в HTML: назначение и структура элемента
Основная структура <head> включает следующие компоненты:
- <meta> – задает кодировку, описание страницы, ключевые слова и параметры для поисковых систем и социальных сетей. Пример: <meta name=»viewport» content=»width=device-width, initial-scale=1″> для корректного отображения на мобильных устройствах.
- <title> – определяет название страницы в браузере и вкладках, а также влияет на SEO. Рекомендуется использовать до 60 символов, включать ключевые слова и уникальные формулировки.
- <link> – подключает внешние ресурсы, включая CSS и фавиконы. Пример: <link rel=»stylesheet» href=»style.css»>.
- <script> – подключает внешние скрипты. Для оптимизации загрузки лучше использовать атрибут defer или async, чтобы не блокировать рендеринг страницы.
- <base> – задает базовый URL для всех относительных ссылок на странице.
- <style> – размещает внутренние CSS-правила, если нет необходимости подключать внешний файл.
Правильная последовательность тегов внутри <head> улучшает производительность и совместимость страницы. Обычно сначала размещают <meta charset>, затем <title>, после чего идут внешние стили и скрипты с оптимизацией загрузки.
Структурирование <head> с учетом приоритета элементов предотвращает визуальные сдвиги и ошибки при рендеринге. Это особенно важно для сложных страниц с внешними библиотеками и шрифтами.
Что такое элемент head и где он размещается
Элемент <head> представляет собой контейнер для метаданных HTML-документа. Он не отображается на странице напрямую, но влияет на поведение браузера, SEO, подключение ресурсов и корректное отображение контента.
Размещение <head> строго определено стандартом HTML:
- Находится сразу после открывающего тега <html>.
- Предшествует тегу <body>, который содержит видимую часть страницы.
- Между <head> и <body> нельзя размещать визуальные элементы, такие как <div> или <p>.
Основные рекомендации по использованию:
- Размещать <meta charset=»UTF-8″> первым для правильного отображения символов.
- Следующим тегом ставить <title> для корректного отображения названия страницы и влияния на SEO.
- Подключать внешние стили <link rel=»stylesheet»> перед скриптами, чтобы избежать блокировки рендеринга.
- Использовать <script defer> или <script async> для внешних скриптов, чтобы ускорить загрузку страницы.
Соблюдение структуры <head> обеспечивает стабильное отображение страницы на разных устройствах и корректную работу всех подключенных ресурсов.
Основные теги внутри head и их функции
Элемент <head> содержит набор тегов, каждый из которых выполняет конкретную задачу для страницы:
- <meta> – передает браузеру и поисковым системам информацию о странице. Основные атрибуты:
- charset – задает кодировку, обычно UTF-8.
- name=»viewport» – управляет масштабированием на мобильных устройствах.
- description – краткое описание страницы для поисковых систем.
- <title> – отображает название страницы в заголовке окна браузера и влияет на результаты поиска.
- <link> – подключает внешние ресурсы:
- CSS-файлы через rel=»stylesheet»
- фавиконы через rel=»icon»
- шрифты через rel=»preconnect» или rel=»stylesheet»
- <script> – подключает JavaScript. Атрибуты defer и async контролируют порядок и момент выполнения скрипта.
- <style> – содержит внутренние CSS-правила, если подключение внешнего файла не требуется.
- <base> – задает базовый URL для всех относительных ссылок на странице, упрощая навигацию.
Правильное использование этих тегов улучшает совместимость с браузерами, ускоряет загрузку страницы и обеспечивает корректное отображение контента на всех устройствах.
Использование мета-тегов для описания страницы
Мета-теги внутри <head> предоставляют браузерам и поисковым системам структурированную информацию о странице. Они не отображаются пользователю напрямую, но влияют на индексирование, отображение в поисковых результатах и работу с социальными сетями.
Основные типы мета-тегов для описания страницы:
- <meta charset=»UTF-8″> – задает кодировку документа, обеспечивая корректное отображение всех символов, включая кириллицу и специальные знаки.
- <meta name=»description» content=»…»/> – содержит краткое описание страницы. Рекомендуется длина до 160 символов, текст должен точно отражать содержание и включать ключевые слова.
- <meta name=»keywords» content=»…»/> – перечисляет ключевые слова через запятую. Используется редко, но может быть полезен для внутренних систем поиска.
- <meta name=»viewport» content=»width=device-width, initial-scale=1″> – задает параметры отображения на мобильных устройствах, управляет масштабированием и шириной страницы.
- <meta property=»og:title»> и <meta property=»og:description»> – Open Graph теги для корректного отображения заголовка и описания при публикации ссылки в соцсетях.
Правильная комбинация мета-тегов ускоряет загрузку страницы, улучшает видимость в поиске и гарантирует корректное отображение при распространении ссылок в социальных сетях.
Подключение внешних стилей через head
Для подключения внешних CSS-файлов используется тег <link> внутри <head>. Это позволяет отделить оформление от структуры HTML и ускоряет повторное использование стилей на нескольких страницах.
Основные рекомендации по подключению стилей:
- Атрибут rel=»stylesheet» указывает, что файл содержит таблицу стилей.
- Атрибут href содержит путь к CSS-файлу. Для корректного подключения используйте абсолютный или относительный путь.
- Размещайте теги <link> до скриптов, чтобы браузер мог сразу применить стили и избежать визуальных сдвигов при рендеринге.
- Если необходимо подключить несколько файлов, соблюдайте порядок: сначала общие стили, затем специфические для страниц или компонентов.
- Для ускорения загрузки можно использовать атрибут preload или media, например <link rel=»stylesheet» href=»print.css» media=»print»>.
Правильная организация внешних стилей через <head> обеспечивает единообразный внешний вид страницы и снижает вероятность конфликтов CSS.
Добавление скриптов внутри head и их особенности
Для подключения JavaScript внутри <head> используется тег <script>. Скрипты в этом месте загружаются до рендеринга <body>, что может блокировать отображение страницы при использовании обычного подключения.
Основные атрибуты и рекомендации:
- src – путь к внешнему JavaScript-файлу. Абсолютный или относительный URL обеспечивает корректную загрузку.
- defer – позволяет браузеру загрузить скрипт параллельно с HTML и выполнить его после полной разметки страницы, предотвращая блокировку рендеринга.
- async – выполняет скрипт сразу после загрузки, не гарантируя порядок относительно других скриптов.
- Для скриптов, которые зависят от элементов <body>, рекомендуется использовать defer или размещать их перед закрывающим тегом </body>.
- Минимизируйте количество скриптов в <head> для ускорения первичного отображения страницы.
Корректное использование <script> в <head> обеспечивает контроль над порядком выполнения кода, сокращает время загрузки и предотвращает ошибки при обращении к DOM.
Ссылки на фавиконы и ресурсы через head
Для добавления фавиконов и внешних ресурсов используется тег <link> внутри <head>. Фавикон отображается в браузере на вкладках, закладках и в истории посещений, что улучшает узнаваемость сайта.
Основные варианты использования:
- Фавиконы: <link rel=»icon» href=»favicon.ico» type=»image/x-icon»> – стандартный формат для большинства браузеров. Для современных сайтов можно использовать форматы PNG или SVG.
- Альтернативные размеры: <link rel=»icon» sizes=»32×32″ href=»favicon-32×32.png»> – рекомендуется задавать несколько размеров для поддержки разных устройств и экранов.
- Apple Touch Icon: <link rel=»apple-touch-icon» href=»apple-touch-icon.png»> – используется для iOS и отображается при сохранении сайта на главный экран.
- Внешние ресурсы: <link rel=»preconnect» href=»https://fonts.googleapis.com»> и <link rel=»stylesheet» href=»style.css»> ускоряют загрузку шрифтов и стилей.
Правильная организация ссылок в <head> гарантирует корректное отображение иконок и ускоряет подключение внешних ресурсов, снижая задержки при загрузке страницы.
Тег title: как правильно задавать название страницы
Тег <title> задает название страницы, отображаемое в заголовке окна браузера и на вкладках. Оно также учитывается поисковыми системами при ранжировании и влияет на кликабельность ссылки в результатах поиска.
Рекомендации по формированию заголовка:
- Использовать от 30 до 60 символов, чтобы полностью отображалось в поисковой выдаче.
- Включать ключевые слова, релевантные содержимому страницы.
- Сохранять уникальность для каждой страницы сайта.
- Избегать избыточных символов и повторов слов.
Пример структуры названия страницы:
| Элемент |
Пример |
Назначение |
| Основное ключевое слово |
Рецепты пасты |
Отражает основную тему страницы |
| Дополнительный контекст |
быстро и вкусно |
Уточняет особенности контента |
| Название сайта |
CookBook |
Повышает узнаваемость бренда |
Следуя этим правилам, тег <title> обеспечивает корректное отображение страницы в браузере и улучшает её видимость в поисковых системах.
Влияние head на отображение и работу страницы в браузере
Элемент <head> напрямую влияет на то, как браузер обрабатывает и отображает страницу. Содержимое <head> определяет кодировку, порядок подключения стилей и скриптов, а также метаданные, необходимые для корректной работы внешних сервисов и SEO.
Основные аспекты влияния:
- Кодировка: тег <meta charset=»UTF-8″> предотвращает искажение символов, особенно для кириллического текста.
- Стили: подключение CSS через <link> до контента <body> позволяет браузеру сразу применять оформление и избежать визуальных сдвигов.
- Скрипты: использование defer и async управляет порядком выполнения JavaScript, предотвращая блокировку рендеринга и ускоряя загрузку страницы.
- Мета-теги: описание, ключевые слова и параметры viewport корректируют отображение на разных устройствах и влияют на индексирование в поисковых системах.
- Фавиконы и ресурсы: корректные ссылки через <link> ускоряют загрузку и отображение иконок, шрифтов и других внешних файлов.
Правильное структурирование <head> обеспечивает быструю загрузку, стабильное отображение элементов и корректное взаимодействие с браузером и внешними сервисами.
Вопрос-ответ:
Что такое элемент и зачем он нужен в HTML?
Элемент
— это контейнер для метаданных страницы, которые не отображаются пользователю напрямую. Внутри него размещают кодировку документа, заголовок страницы, ссылки на внешние стили и скрипты, мета-теги для поисковых систем и социальные теги. Он обеспечивает правильное отображение контента и работу подключенных ресурсов.
Какие теги обычно размещают внутри и как они работают?
Внутри
чаще всего используют:
для кодировки, описания и настроек viewport;
для заголовка страницы; <link> для подключения внешних CSS и фавиконов; <script> для JavaScript; </p>
<style> для внутренних стилей; <base> для базового URL. Каждый тег выполняет конкретную функцию и влияет на отображение и индексирование страницы.</p>
<h4>Как правильно подключать внешние CSS-файлы через <head>?</h4>
<p>Для подключения CSS используется тег <link rel="stylesheet" href="путь_к_файлу">. Стили подключают до скриптов, чтобы избежать визуальных сдвигов при рендеринге. Если подключено несколько файлов, сначала подключают общие стили, затем специфические. Для ускорения загрузки можно использовать атрибут media для адаптивных стилей.</p>
<h4>Зачем использовать мета-теги внутри <head> и какие из них важны?</h4>
<p>Мета-теги передают информацию браузеру и поисковым системам. Основные: <meta charset="UTF-8"> — кодировка документа; <meta name="description"> — краткое описание страницы для поиска; <meta name="viewport"> — настройка отображения на мобильных устройствах; Open Graph теги — заголовок и описание для соцсетей. Они обеспечивают правильное отображение, индексирование и корректную работу на разных устройствах.</p>
<h4>Как тег <head> влияет на загрузку и работу страницы в браузере?</h4>
<p>Содержимое <head> определяет порядок применения стилей и выполнения скриптов. Правильная структура: сначала <meta charset>, затем <title>, потом CSS и скрипты с defer или async. Это позволяет браузеру корректно отображать контент, ускоряет загрузку и предотвращает ошибки при обращении к DOM. Фавиконы и шрифты через <link> также подключаются в <head> для быстрого отображения.</p>
<h4>Зачем использовать элемент <head> в HTML и что произойдет, если его не включить?</h4>
<p>Элемент <head> содержит информацию о странице, которая влияет на её работу, отображение и индексирование. Без <head> браузер может неправильно определить кодировку, заголовок страницы и порядок применения стилей и скриптов. Это приведет к искажению символов, замедленной загрузке CSS и JavaScript, некорректному отображению фавиконов и возможным ошибкам при работе с DOM. Использование <head> позволяет структурировать мета-теги, подключать внешние ресурсы и управлять заголовком страницы, что обеспечивает стабильную работу сайта на разных устройствах и браузерах.</p>
</div>
</article>
<div class="post-meta"> <div class="post-rating">
<div class="post-rating__title">Оценка статьи:</div>
<div id="post-ratings-21397" class="post-ratings" data-nonce="27b2c33e21"><img id="rating_21397_1" src="https://qubstore.ru/wp-content/plugins/wp-postratings/images/stars/rating_off.gif" alt="1 звезда" title="1 звезда" onmouseover="current_rating(21397, 1, '1 звезда');" onmouseout="ratings_off(0, 0, 0);" onclick="rate_post();" onkeypress="rate_post();" style="cursor: pointer; border: 0px;" /><img id="rating_21397_2" src="https://qubstore.ru/wp-content/plugins/wp-postratings/images/stars/rating_off.gif" alt="2 звезды" title="2 звезды" onmouseover="current_rating(21397, 2, '2 звезды');" onmouseout="ratings_off(0, 0, 0);" onclick="rate_post();" onkeypress="rate_post();" style="cursor: pointer; border: 0px;" /><img id="rating_21397_3" src="https://qubstore.ru/wp-content/plugins/wp-postratings/images/stars/rating_off.gif" alt="3 звезды" title="3 звезды" onmouseover="current_rating(21397, 3, '3 звезды');" onmouseout="ratings_off(0, 0, 0);" onclick="rate_post();" onkeypress="rate_post();" style="cursor: pointer; border: 0px;" /><img id="rating_21397_4" src="https://qubstore.ru/wp-content/plugins/wp-postratings/images/stars/rating_off.gif" alt="4 звезды" title="4 звезды" onmouseover="current_rating(21397, 4, '4 звезды');" onmouseout="ratings_off(0, 0, 0);" onclick="rate_post();" onkeypress="rate_post();" style="cursor: pointer; border: 0px;" /><img id="rating_21397_5" src="https://qubstore.ru/wp-content/plugins/wp-postratings/images/stars/rating_off.gif" alt="5 звезд" title="5 звезд" onmouseover="current_rating(21397, 5, '5 звезд');" onmouseout="ratings_off(0, 0, 0);" onclick="rate_post();" onkeypress="rate_post();" style="cursor: pointer; border: 0px;" /> (пока оценок нет)<br /><span class="post-ratings-text" id="ratings_21397_text"></span></div><div id="post-ratings-21397-loading" class="post-ratings-loading"><img src="https://qubstore.ru/wp-content/plugins/wp-postratings/images/loading.gif" width="16" height="16" class="post-ratings-image" /> Загрузка...</div> </div> <div class="post-share">
<div class="post-share__title">Поделиться с друзьями:</div>
<div class="likely">
<div class="twitter">Твитнуть</div>
<div class="facebook">Поделиться</div>
<div class="vkontakte">Поделиться</div>
<div class="telegram">Отправить</div>
<div class="odnoklassniki">Класснуть</div>
</div>
</div>
</div>
<meta itemprop="headline" content="Head в HTML назначение и структура элемента">
<meta itemprop="author" content="admin">
<meta itemprop="datePublished" content="2022-08-16">
<meta itemprop="dateModified" content="2025-12-18">
<a itemprop="url" href="https://qubstore.ru/monitor/19/head-html-chto-eto" style="display:none">Head html что это</a>
<a itemprop="mainEntityOfPage" href="https://qubstore.ru/monitor/19/head-html-chto-eto" style="display:none">Ссылка на основную публикацию</a>
<div style="display: none;" itemprop="image" itemscope itemtype="https://schema.org/ImageObject">
<img itemprop="url" src="https://qubstore.ru/wp-content/cache/thumb/cb/2e0c18b48a4dccb_320x200.jpg" alt="Head html что это">
<meta itemprop="width" content="320">
<meta itemprop="height" content="200">
</div>
<div style="display: none;" itemprop="publisher" itemscope itemtype="https://schema.org/Organization">
<meta itemprop="name" content="Компьютерный сайт">
<div itemprop="logo" itemscope itemtype="https://schema.org/ImageObject">
<img itemprop="url" src="https://qubstore.ru/wp-content/uploads/2025/10/Programmy.jpg" alt="Компьютерный сайт">
</div>
</div>
</div><!-- .article-wrap -->
<div class='yarpp yarpp-related yarpp-related-website yarpp-template-yarpp-template-related'>
<div class="title">Похожие публикации</div>
<ul class="related">
<li class="related__item">
<div class="related__item-img">
<img src="https://qubstore.ru/wp-content/cache/thumb/41/cfab5d212c28a41_150x95.jpg" width="150" height="95" alt="Java notify что делает" /> </div>
<a href="https://qubstore.ru/monitor/19/java-notify-chto-delaet">Java notify что делает</a>
</li>
<li class="related__item">
<div class="related__item-img">
<img src="https://qubstore.ru/wp-content/cache/thumb/93/b35126f1d210893_150x95.jpg" width="150" height="95" alt="Как установить netbeans на windows 10" /> </div>
<a href="https://qubstore.ru/monitor/19/kak-ustanovit-netbeans-na-windows-10">Как установить netbeans на windows 10</a>
</li>
<li class="related__item">
<div class="related__item-img">
<img src="https://qubstore.ru/wp-content/cache/thumb/c0/7cf9a58dc02b3c0_150x95.jpg" width="150" height="95" alt="Какой ntp сервер выбрать" /> </div>
<a href="https://qubstore.ru/monitor/19/kakoj-ntp-server-vibrat">Какой ntp сервер выбрать</a>
</li>
<li class="related__item">
<div class="related__item-img">
<img src="https://qubstore.ru/wp-content/cache/thumb/ce/1ca911c50550bce_150x95.jpg" width="150" height="95" alt="Unity как загрузить сцену" /> </div>
<a href="https://qubstore.ru/monitor/19/unity-kak-zagruzit-stsenu">Unity как загрузить сцену</a>
</li>
</ul>
</div>
<aside class="comments-block">
<div id="respond" class="respond">
<div class="respond__title">Добавить комментарий</div>
<div id="cancel-comment-reply"><a rel="nofollow" id="cancel-comment-reply-link" href="/monitor/19/head-html-chto-eto#respond" style="display:none;">Нажмите, чтобы отменить ответ.</a></div>
<!--noindex-->
<form action="https://qubstore.ru/wp-comments-post.php" method="post" class="respond-form">
<input type="text" name="author" id="author" placeholder="Ваше имя:" class="respond-form__field respond-form__name" value="" aria-required='true' />
<input type="text" name="email" id="email" placeholder="Ваш e-mail:" class="respond-form__field respond-form__email" value="" aria-required='true' />
<input type="text" name="url" id="url" placeholder="Ваш сайт:" class="respond-form__field respond-form__site" value="" />
<textarea name="comment" id="comment_textarea" rows="7" placeholder="Ваш комментарий:" class="respond-form__text respond-form__textarea"></textarea>
<input name="submit" type="submit" class="respond-form__button" value="Отправить" />
<input type='hidden' name='comment_post_ID' value='21397' id='comment_post_ID' />
<input type='hidden' name='comment_parent' id='comment_parent' value='0' />
</form>
<!--/noindex-->
</div><!-- #respond -->
</aside>
</main>
<aside class="sidebar sidebar_midle">
<div class="section-posts-box section">
<div class="title">Популярные статьи</div>
<div class="section-posts">
<div class="section-posts__item">
<img src="https://qubstore.ru/wp-content/cache/thumb/75/d44663ae5f22f75_300x180.jpg" width="300" height="180" class="section-posts__item-img" alt="Как посмотреть все устройства в сети" /> <div class="section-posts__item-title">
<a href="https://qubstore.ru/monitor/19/kak-posmotret-vse-ustrojstva-v-seti">Как посмотреть все устройства в сети</a>
</div>
<div class="section-posts__item-text">
Разбор способов просмотра всех устройств в локальной сети с помощью... </div>
<div class="post-info section-posts__item-info">
<div class="post-info__comment">0</div>
<time class="post-info__time post-info__time_popular" datetime="2025-11-15">15.11.2025</time>
</div>
</div>
<div class="section-posts__item">
<img src="https://qubstore.ru/wp-content/cache/thumb/62/231e7c2905b2862_300x180.jpg" width="300" height="180" class="section-posts__item-img" alt="Как удалить таблицу в sql" /> <div class="section-posts__item-title">
<a href="https://qubstore.ru/monitor/19/kak-udalit-tablitsu-v-sql">Как удалить таблицу в sql</a>
</div>
<div class="section-posts__item-text">
Подробное руководство по удалению таблиц в SQL с примерами команд... </div>
<div class="post-info section-posts__item-info">
<div class="post-info__comment">0</div>
<time class="post-info__time post-info__time_popular" datetime="2025-11-15">15.11.2025</time>
</div>
</div>
<div class="section-posts__item">
<img src="https://qubstore.ru/wp-content/cache/thumb/fa/c1473c280cfa1fa_300x180.jpg" width="300" height="180" class="section-posts__item-img" alt="Как узнать все команды бота в вк" /> <div class="section-posts__item-title">
<a href="https://qubstore.ru/monitor/19/kak-uznat-vse-komandi-bota-v-vk">Как узнать все команды бота в вк</a>
</div>
<div class="section-posts__item-text">
Узнайте, как получить полный список команд бота в ВКонтакте, быстро... </div>
<div class="post-info section-posts__item-info">
<div class="post-info__comment">0</div>
<time class="post-info__time post-info__time_popular" datetime="2025-11-15">15.11.2025</time>
</div>
</div>
</div>
</div>
</aside></div><!-- /.content-wrapper -->
</div><!-- /.main-box -->
<footer class="footer" id="footer">
<div class="footer-bottom">
<div class="copy">© 2026 Все права защищены.</div>
</div>
</footer>
</div><!-- /.wrapper -->
<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/marafon/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]}
</script>
<script async data-wp-strategy="async" fetchpriority="low" id="comment-reply-js" src="https://qubstore.ru/wp-includes/js/comment-reply.min.js?ver=7.0"></script>
<script id="wp-postratings-js-extra">
var ratingsL10n = {"plugin_url":"https://qubstore.ru/wp-content/plugins/wp-postratings","ajax_url":"https://qubstore.ru/wp-admin/admin-ajax.php","text_wait":"\u041f\u043e\u0436\u0430\u043b\u0443\u0439\u0441\u0442\u0430, \u043d\u0435 \u0433\u043e\u043b\u043e\u0441\u0443\u0439\u0442\u0435 \u0437\u0430 \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u043e \u0437\u0430\u043f\u0438\u0441\u0435\u0439 \u043e\u0434\u043d\u043e\u0432\u0440\u0435\u043c\u0435\u043d\u043d\u043e.","image":"stars","image_ext":"gif","max":"5","show_loading":"1","show_fading":"1","custom":"0"};
var ratings_mouseover_image=new Image();ratings_mouseover_image.src="https://qubstore.ru/wp-content/plugins/wp-postratings/images/stars/rating_over.gif";;
//# sourceURL=wp-postratings-js-extra
</script>
<script id="wp-postratings-js" src="https://qubstore.ru/wp-content/plugins/wp-postratings/js/postratings-js.js?ver=1.91.2"></script>
<script id="fancybox-purify-js" src="https://qubstore.ru/wp-content/plugins/easy-fancybox/vendor/purify.min.js?ver=7.0"></script>
<script id="jquery-fancybox-js-extra">
var efb_i18n = {"close":"\u0417\u0430\u043a\u0440\u044b\u0442\u044c","next":"\u0421\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u0439","prev":"\u041f\u0440\u0435\u0434\u044b\u0434\u0443\u0449\u0438\u0439","startSlideshow":"\u0417\u0430\u043f\u0443\u0441\u0442\u0438\u0442\u044c \u0441\u043b\u0430\u0439\u0434-\u0448\u043e\u0443","toggleSize":"\u0420\u0430\u0437\u043c\u0435\u0440 \u0442\u0443\u043c\u0431\u043b\u0435\u0440\u0430"};
//# sourceURL=jquery-fancybox-js-extra
</script>
<script id="jquery-fancybox-js" src="https://qubstore.ru/wp-content/plugins/easy-fancybox/fancybox/1.5.4/jquery.fancybox.min.js?ver=7.0"></script>
<script id="jquery-fancybox-js-after">
var fb_timeout, fb_opts={'autoScale':true,'showCloseButton':true,'width':560,'height':340,'margin':20,'pixelRatio':'false','padding':10,'centerOnScroll':false,'enableEscapeButton':true,'speedIn':300,'speedOut':300,'overlayShow':true,'hideOnOverlayClick':true,'overlayColor':'#000','overlayOpacity':0.6,'minViewportWidth':320,'minVpHeight':320,'disableCoreLightbox':'true','enableBlockControls':'true','fancybox_openBlockControls':'true' };
if(typeof easy_fancybox_handler==='undefined'){
var easy_fancybox_handler=function(){
jQuery([".nolightbox","a.wp-block-file__button","a.pin-it-button","a[href*='pinterest.com\/pin\/create']","a[href*='facebook.com\/share']","a[href*='twitter.com\/share']"].join(',')).addClass('nofancybox');
jQuery('a.fancybox-close').on('click',function(e){e.preventDefault();jQuery.fancybox.close()});
/* IMG */
var unlinkedImageBlocks=jQuery(".wp-block-image > img:not(.nofancybox,figure.nofancybox>img)");
unlinkedImageBlocks.wrap(function() {
var href = jQuery( this ).attr( "src" );
return "<a href='" + href + "'></a>";
});
var fb_IMG_select=jQuery('a[href*=".jpg" i]:not(.nofancybox,li.nofancybox>a,figure.nofancybox>a),area[href*=".jpg" i]:not(.nofancybox),a[href*=".png" i]:not(.nofancybox,li.nofancybox>a,figure.nofancybox>a),area[href*=".png" i]:not(.nofancybox),a[href*=".webp" i]:not(.nofancybox,li.nofancybox>a,figure.nofancybox>a),area[href*=".webp" i]:not(.nofancybox),a[href*=".jpeg" i]:not(.nofancybox,li.nofancybox>a,figure.nofancybox>a),area[href*=".jpeg" i]:not(.nofancybox)');
fb_IMG_select.addClass('fancybox image');
var fb_IMG_sections=jQuery('.gallery,.wp-block-gallery,.tiled-gallery,.wp-block-jetpack-tiled-gallery,.ngg-galleryoverview,.ngg-imagebrowser,.nextgen_pro_blog_gallery,.nextgen_pro_film,.nextgen_pro_horizontal_filmstrip,.ngg-pro-masonry-wrapper,.ngg-pro-mosaic-container,.nextgen_pro_sidescroll,.nextgen_pro_slideshow,.nextgen_pro_thumbnail_grid,.tiled-gallery');
fb_IMG_sections.each(function(){jQuery(this).find(fb_IMG_select).attr('rel','gallery-'+fb_IMG_sections.index(this));});
jQuery('a.fancybox,area.fancybox,.fancybox>a').each(function(){jQuery(this).fancybox(jQuery.extend(true,{},fb_opts,{'transition':'elastic','transitionIn':'elastic','transitionOut':'elastic','opacity':false,'hideOnContentClick':false,'titleShow':true,'titlePosition':'over','titleFromAlt':true,'showNavArrows':true,'enableKeyboardNav':true,'cyclic':false,'mouseWheel':'true','changeSpeed':250,'changeFade':300}))});
};};
jQuery(easy_fancybox_handler);jQuery(document).on('post-load',easy_fancybox_handler);
//# sourceURL=jquery-fancybox-js-after
</script>
<script id="jquery-easing-js" src="https://qubstore.ru/wp-content/plugins/easy-fancybox/vendor/jquery.easing.min.js?ver=1.4.1"></script>
<script id="jquery-mousewheel-js" src="https://qubstore.ru/wp-content/plugins/easy-fancybox/vendor/jquery.mousewheel.min.js?ver=3.1.13"></script>
<script id="wp-emoji-settings" type="application/json">
{"baseUrl":"https://s.w.org/images/core/emoji/17.0.2/72x72/","ext":".png","svgUrl":"https://s.w.org/images/core/emoji/17.0.2/svg/","svgExt":".svg","source":{"concatemoji":"https://qubstore.ru/wp-includes/js/wp-emoji-release.min.js?ver=7.0"}}
</script>
<script type="module">
/*! This file is auto-generated */
const a=JSON.parse(document.getElementById("wp-emoji-settings").textContent),o=(window._wpemojiSettings=a,"wpEmojiSettingsSupports"),s=["flag","emoji"];function i(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(o,JSON.stringify(t))}catch(e){}}function c(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0);const a=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);return t.every((e,t)=>e===a[t])}function p(e,t){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var n=e.getImageData(16,16,1,1);for(let e=0;e<n.data.length;e++)if(0!==n.data[e])return!1;return!0}function u(e,t,n,a){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\udde8\ud83c\uddf6","\ud83c\udde8\u200b\ud83c\uddf6")&&!n(e,"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!a(e,"\ud83e\u1fac8")}return!1}function f(e,t,n,a){let r;const o=(r="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):document.createElement("canvas")).getContext("2d",{willReadFrequently:!0}),s=(o.textBaseline="top",o.font="600 32px Arial",{});return e.forEach(e=>{s[e]=t(o,e,n,a)}),s}function r(e){var t=document.createElement("script");t.src=e,t.defer=!0,document.head.appendChild(t)}a.supports={everything:!0,everythingExceptFlag:!0},new Promise(t=>{let n=function(){try{var e=JSON.parse(sessionStorage.getItem(o));if("object"==typeof e&&"number"==typeof e.timestamp&&(new Date).valueOf()<e.timestamp+604800&&"object"==typeof e.supportTests)return e.supportTests}catch(e){}return null}();if(!n){if("undefined"!=typeof Worker&&"undefined"!=typeof OffscreenCanvas&&"undefined"!=typeof URL&&URL.createObjectURL&&"undefined"!=typeof Blob)try{var e="postMessage("+f.toString()+"("+[JSON.stringify(s),u.toString(),c.toString(),p.toString()].join(",")+"));",a=new Blob([e],{type:"text/javascript"});const r=new Worker(URL.createObjectURL(a),{name:"wpTestEmojiSupports"});return void(r.onmessage=e=>{i(n=e.data),r.terminate(),t(n)})}catch(e){}i(n=f(s,u,c,p))}t(n)}).then(e=>{for(const n in e)a.supports[n]=e[n],a.supports.everything=a.supports.everything&&a.supports[n],"flag"!==n&&(a.supports.everythingExceptFlag=a.supports.everythingExceptFlag&&a.supports[n]);var t;a.supports.everythingExceptFlag=a.supports.everythingExceptFlag&&!a.supports.flag,a.supports.everything||((t=a.source||{}).concatemoji?r(t.concatemoji):t.wpemoji&&t.twemoji&&(r(t.twemoji),r(t.wpemoji)))});
//# sourceURL=https://qubstore.ru/wp-includes/js/wp-emoji-loader.min.js
</script>
</div><!-- /#main -->
</body>
</html>
