Что такое head в html: Тег | htmlbook.ru

21.05.2023 alexxlab

Содержание

Head HTML уроки для начинающих академия

❮ Назад Дальше ❯

Элемент HTML <head>

Элемент <head> является контейнером для метаданных (данные о данных) и помещается между тегом <html> и тегом <body>.

Метаданные HTML — это данные о HTML-документе. Метаданные не отображаются.

Метаданные обычно определяют название документа, набор символов, стили, ссылки, сценарии и другую мета-информацию.

Следующие теги описывают метаданные: <title>, <style>, <meta>, <link>, <script> и <base>.

Элемент HTML <Title>

Элемент <title> определяет название документа и является обязательным для всех документов HTML/XHTML.

Элемент <title>:

Определяет заголовок на вкладке «Обозреватель»
предоставляет заголовок страницы при добавлении в избранное
Отображает заголовок страницы в результатах поисковой системы

Простой HTML-документ:

Пример

<!DOCTYPE html>
<html>

<head>
<title>Page Title</title>
</head>

<body>
The content of the document. …..
</body>

</html>

Элемент HTML <Style>

Элемент <style> используется для определения сведений о стиле для одной страницы HTML:

Пример

</style>

Элемент HTML <Link>

Элемент <link> используется для связывания с внешними таблицами стилей:

Пример

Совет: Чтобы узнать все о CSS, посетите наш Учебник CSS.

Элемент HTML <meta>

Элемент <meta> используется для указания, какой набор символов используется, описание страницы, ключевые слова, автор и другие метаданные.

Метаданные используются браузерами (как отображать содержимое), поисковыми системами (ключевыми словами) и другими веб-службами.

Определите используемый набор символов:

Определите описание веб-страницы:

Определите ключевые слова для поисковых систем:

Определите автора страницы:

Обновлять документ каждые 30 секунд:

Пример <meta> тегов:

Пример

Настройка видового экрана

HTML5 ввел метод, позволяющий веб-дизайнерам управлять окном просмотра через тег <meta>.

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

На всех веб-страницах следует включить следующий элемент <meta> видового экрана:

Элемент видового экрана <meta> предоставляет обозревателю инструкции по управлению размерами страницы и масштабированию.

Ширина = устройство-ширина часть задает ширину страницы, чтобы следовать ширине экрана устройства (который будет варьироваться в зависимости от устройства).

Элемент начального масштаба = 1.0 задает начальный уровень масштабирования при первой загрузке страницы обозревателем.

Ниже приведен пример веб-страницы без мета-тега видового экрана и той же веб-страницы с тегом видового экрана <meta>:

Совет: Если вы просматриваете эту страницу с телефоном или планшетом, вы можете нажать на две ссылки ниже, чтобы увидеть разницу.

Без мета-тега видового экрана

С помощью мета-тега видового экрана

Элемент HTML <script>

Элемент <script> используется для определения JavaScript-кода на стороне клиента.

Этот JavaScript пишет «Hello JavaScript!» в HTML-элемент с ID = «Demo»:

Пример

Совет: Чтобы узнать все о JavaScript, посетите наш Справочник по JavaScript.

Элемент HTML <base>

Элемент <base> указывает базовый URL-адрес и базовый целевой объект для всех относительных URL-адресов на странице:

Пример

Пропуск <HTML>, <head> и <BODY>?

Согласно стандарту HTML5; <html>, <body> и тег <head> могут быть опущены.

Следующий код будет проверяться как HTML5:

Примере

<!DOCTYPE html>
<title>Page Title</title>

<h2>This is a heading</h2>
<p>This is a paragraph.</p>

Примечание:

хтмл5ксс не рекомендует опускать теги <html> и <body> .

Пропуск этих тегов может привести к сбою программного обеспечения DOM или XML и подавать ошибки в старых браузерах (IE9).

Однако Пропуск тега <head> был распространенной практикой уже довольно давно.

Элементы HTML-головки

Тег	Description
<head>	Определяет сведения о документе
<title>	Определяет заголовок документа
<base>	Определяет адрес по умолчанию или целевой объект по умолчанию для всех ссылок на странице
<link>	Определяет связь между документом и внешним ресурсом
<meta>	Определяет метаданные HTML-документа
<script>	Определяет сценарий на стороне клиента
<style>	Определяет сведения о стиле для документа

❮ Назад Дальше ❯

HTML/Элемент head

Синтаксис

HTML

XHTML

<html>
  <head>
    <title> . .. </title>
    ...
  </head>
  <body> ... </body>
</html>

Описание

Элемент head (от англ. «head» ‒ «голова, заголовок») указывает голову документа (технический заголовок документа), в котором располагаются элементы технической информации (ссылки, стили, сценарии), а так же метатеги данных документа (описание страницы, ключевые слова). При этом всё содержимое данного элемента в поле страницы ни как не отображается.

Допустимые дочерние элементы: base, basefont, link, meta, script, style, title.

Поддержка браузерами

Chrome

Поддерж.

Firefox

Поддерж.

Opera

Поддерж.

Maxthon

Поддерж.

IExplorer

Поддерж.

Safari

Поддерж.

iOS

Поддерж.

Android

Поддерж.

Спецификация

Верс.	Раздел
HTML
2.0	Head: HEAD	Перевод
3.2	The HEAD element
4.01	7.4.1 The HEAD element DTD: `Transitional Strict Frameset`
5.0	4.2.1 The head element
5.1	4.2.1. The head element
XHTML
1.0	Extensible HyperText Markup Language DTD: `Transitional Strict Frameset`
1. 1	Extensible HyperText Markup Language

Атрибуты

profile: Указывает URL-адрес документа содержащего набор правил для элемента meta.
Глобальные атрибуты: accesskey, class, contenteditable, contextmenu, data-*, dir, draggable, dropzone, hidden, id, inert, lang, spellcheck, style, tabindex, title, translate, xml:lang

Пример использования

Листинг кода

<!DOCTYPE html>
<html>
<head>
<meta charset=»utf-8″>

<title>Элемент head</title>
</head>
<body>
<h2>Пример с элементом «head»</h2>
<p>»Видимая часть страницы»</p>
</body>
</html>

Элемент head

: Элемент метаданных документа (заголовок) — HTML: язык гипертекстовой разметки

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

Примечание: в первую очередь содержит информацию для машинной обработки, а не для чтения человеком. Для информации, видимой человеку, такой как заголовки верхнего уровня и список авторов, см.

 9элемент 0005.
 Этот элемент включает глобальные атрибуты.
  профиль   Устаревший   Нестандартный 
 URI одного или нескольких профилей метаданных, разделенные пробелом.
 

  <голова>
    <метакодировка="UTF-8" />
    
    Название документа
  

 
 Категории контента  Нет.
 Разрешенный контент  Если документ   </code> <code> srcdoc </code> документ или заголовок
 информация доступна из протокола более высокого уровня (например,
 строка темы в электронном письме в формате HTML), ноль или более элементов метаданных
 содержание.<img class="lazy lazy-hidden" loading='lazy' src="//xn--80aahvkuapc1be.xn--p1ai/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src='/800/600/http/chimpandzinc.com/blogs/wp-content/uploads/2021/01/8-1024x628.jpg' /><noscript><img loading='lazy' src='/800/600/http/chimpandzinc.com/blogs/wp-content/uploads/2021/01/8-1024x628.jpg' /></noscript></p><p> В противном случае один или несколько элементов содержимого метаданных, где ровно один
 это <code> <заголовок> </code> элемент.</p></td></tr><tr><th scope="row"> Отсутствие тега</th><td> Начальный тег может быть опущен, если первое, что находится внутри <code><head> </code> element — это элемент. <br/> Конечный тег может быть
 опускается, если первое, что следует за <code><head> </code> Элемент не является пробелом или комментарием.</td></tr><tr><th scope="row"> Разрешенные родители</th><td> Ан <code><html> </code> элемент, как его первый дочерний элемент.</td></tr><tr><th scope="row"> Неявная роль ARIA</th><td> Нет соответствующей роли</td></tr><tr><th scope="row"> Разрешенные роли ARIA</th><td> Нет <code> роль </code> разрешено</td></tr><tr><th scope="row"> Интерфейс DOM</th><td> <code> HTMLHeadElement </code></td></tr></tbody></table><table class="table table-hover"><thead><tr><th scope="col"> Спецификация</th></tr></thead><tbody><tr><td> Стандарт HTML <br/> <small> # the-head-element </small></td></tr></tbody></table><p> Таблицы BCD загружаются только в браузере с включенным JavaScript.<img class="lazy lazy-hidden" loading='lazy' src="//xn--80aahvkuapc1be.xn--p1ai/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src='/800/600/http/wikihow.com/images_en/thumb/9/9c/Add-a-Background-to-a-Website-Step-9-Version-3.jpg/v4-728px-Add-a-Background-to-a-Website-Step-9-Version-3.jpg' /><noscript><img loading='lazy' src='/800/600/http/wikihow.com/images_en/thumb/9/9c/Add-a-Background-to-a-Website-Step-9-Version-3.jpg/v4-728px-Add-a-Background-to-a-Website-Step-9-Version-3.jpg' /></noscript> Включите JavaScript для просмотра данных.</p><ul><li> Элементы, которые можно использовать внутри <code><head> </code> :<ul><li> <code> <название> </code></li><li> <code> <база> </code></li><li> <code> <ссылка> </code></li><li> <code> <стиль> </code></li><li> <code> <мета> </code></li><li> <code> <сценарий> </code></li><li> <code> <noscript> </code></li><li> <code> <шаблон> </code></li></ul></li></ul><h4><span class="ez-toc-section" id="i-16"> Обнаружили проблему с содержанием этой страницы? </span></h4><ul><li> Отредактируйте страницу на GitHub.</li><li> Сообщить о проблеме с содержимым.</li><li> Посмотреть исходный код на GitHub.</li></ul><p data-readability-styled="true"> Хотите принять участие?</p><p data-readability-styled="true"> Узнайте, как внести свой вклад.</p><p> Последний раз эта страница была изменена <time datetime="2023-03-13T07:09:38.000Z"> 13 марта 2023 г. </time> участниками MDN.</p><h2><span class="ez-toc-section" id="_HTML-10"> Работа с элементами заголовка HTML </span></h2><p> Рекламные объявления</p><p> В этом уроке вы узнаете о важности элементов головы.<img class="lazy lazy-hidden" loading='lazy' src="//xn--80aahvkuapc1be.xn--p1ai/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src='/800/600/http/i.stack.imgur.com/7xVux.png' /><noscript><img loading='lazy' src='/800/600/http/i.stack.imgur.com/7xVux.png' /></noscript></p><h3><span class="ez-toc-section" id="_HTML-11"> Элемент заголовка HTML </span></h3><p> Элемент <code><head> </code> в основном является контейнером для всех элементов заголовка, которые предоставляют дополнительную информацию о документе (метаданные) или ссылки на другие ресурсы, необходимые для отображения документа или правильно вести себя в веб-браузере.</p><p> Элементы head собирательно описывают свойства документа, такие как заголовок, предоставляют метаинформацию, такую как набор символов, указывают браузеру, где найти таблицы стилей или скрипты, которые позволяют расширять HTML-документ активными и интерактивными способами.</p><p> Внутри элемента <code><head> </code> можно использовать следующие элементы HTML: <code><title> </code> , <code><base> </code> , <code><link> </code> , <code> <style> </code> , <code><meta><h2><span class="ez-toc-section" id="4">4 , </span></h2><code> <script></code>и элемент<code><noscript></code>.</p><h3><span class="ez-toc-section"id="_HTML-12">Элемент заголовка HTML</span></h3><p>Элемент<code><title></code>определяет заголовок документа.</p><p>Элемент title требуется во всех документах HTML/XHTML для создания действительного документа.<img class="lazy lazy-hidden"loading='lazy'src="//xn--80aahvkuapc1be.xn--p1ai/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif"data-lazy-type="image"data-src='/800/600/http/i.pinimg.com/736x/e1/59/d1/e159d184a26c59926f5afa980302f01d--texts-branding.jpg'/><noscript><img loading='lazy'src='/800/600/http/i.pinimg.com/736x/e1/59/d1/e159d184a26c59926f5afa980302f01d--texts-branding.jpg'/></noscript>В документе допускается только один элемент заголовка,и он должен быть помещен в пределах<code><head></code>элемент.Элемент title содержит простой текст и объекты;он не может содержать другие теги разметки.</p><p>Название документа может использоваться для различных целей.Например:</p><ul><li>Для отображения заголовка в строке заголовка браузера и на панели задач.</li><li>Для указания заголовка страницы,когда она добавляется в избранное или добавляется в закладки.</li><li>Для отображения заголовка страницы в результатах поиска.</li></ul><p>В следующем примере показано,как разместить заголовок в HTML-документе.</p><p/><h5><span class="ez-toc-section"id="i-17">Пример</span></h5>Попробуйте этот код »<pre><!DOCTYPE html><html язык="ru"><голова><title>Простой HTML-документ</title></голова><тело><p>Привет,мир!</p></тело></html></pre><p><strong>Совет:</strong>Хороший заголовок должен быть кратким и соответствовать содержанию документа,поскольку поисковые роботы обращают особое внимание на слова,используемые в заголовке.<img class="lazy lazy-hidden"loading='lazy'src="//xn--80aahvkuapc1be.xn--p1ai/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif"data-lazy-type="image"data-src='/800/600/http/fuzeservers.ru/wp-content/uploads/5/2/c/52cec3d9816cfd9698aa1f5b98509140.jpeg'/><noscript><img loading='lazy'src='/800/600/http/fuzeservers.ru/wp-content/uploads/5/2/c/52cec3d9816cfd9698aa1f5b98509140.jpeg'/></noscript>Длина заголовка в идеале не должна превышать 65 символов.См.рекомендации по заголовкам.</p><hr/><h3><span class="ez-toc-section"id="_HTML-13">Базовый элемент HTML</span></h3><p>Элемент HTML<code><base></code>используется для определения базового URL-адреса для всех относительных ссылок,содержащихся в документе,например.вы можете установить базовый URL-адрес один раз в верхней части страницы,а затем все последующие относительные ссылки будут использовать этот URL-адрес в качестве отправной точки.Вот пример:</p><p/><h5><span class="ez-toc-section"id="i-18">Пример</span></h5>Попробуйте этот код »<pre><!DOCTYPE html><html язык="ru"><голова><title>Определение базового URL</title><база href="https://www.tutorialrepublic.com/"></голова><тело><p><a href="html-tutorial/html-head.php">Заголовок HTML</a>.</p></тело></html></pre><p>Гиперссылка в приведенном выше примере фактически преобразуется в<code>https:<title>Связывание таблиц стилей</title><link rel="stylesheet"href="style.css"></head></pre><p>Пожалуйста,ознакомьтесь с разделом руководства по CSS,чтобы узнать подробнее о таблицах стилей.</p><p><strong>Примечание:</strong>Элемент HTML-документа<code><head></code>может содержать любое количество<code>элементов<link></code>.Элемент<code><link></code>имеет атрибуты,но не имеет содержимого.<img class="lazy lazy-hidden"loading='lazy'src="//xn--80aahvkuapc1be.xn--p1ai/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif"data-lazy-type="image"data-src='/800/600/http/burenka33.ru/wp-content/uploads/9/9/5/995a1145a5dfe59492f191e0cf8fd1dc.png'/><noscript><img loading='lazy'src='/800/600/http/burenka33.ru/wp-content/uploads/9/9/5/995a1145a5dfe59492f191e0cf8fd1dc.png'/></noscript></p><hr/><h3><span class="ez-toc-section"id="_HTML-15">Элемент стиля HTML</span></h3><p>Элемент<code><style></code>используется для определения встроенной информации о стиле для документа HTML.Правила стиля внутри элемента<code><style></code>определяют,как элементы HTML отображаются в браузере.</p><p/><h5><span class="ez-toc-section"id="i-20">Пример</span></h5>Попробуйте этот код »<pre><head><title>Внедрение таблиц стилей</title><стиль>body{цвет фона:YellowGreen;}
h2{цвет:красный;}
р{цвет:зеленый;}</стиль></head></pre><p><strong>Примечание:</strong>Встроенная таблица стилей должна использоваться,когда отдельный документ имеет уникальный стиль.Если одна и та же таблица стилей используется в нескольких документах,более подходящей будет внешняя таблица стилей.См.учебник по стилям HTML,чтобы узнать больше об этом.</p><hr/><h3><span class="ez-toc-section"id="-_HTML">Мета-элемент HTML</span></h3><p>Элемент<code><meta></code>предоставляет метаданные о документе HTML.Метаданные — это набор данных,который описывает и предоставляет информацию о других данных.<img class="lazy lazy-hidden"loading='lazy'src="//xn--80aahvkuapc1be.xn--p1ai/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif"data-lazy-type="image"data-src='/800/600/http/asadmin.ru/images/stories/images/meta-charset-utf-81_asadmin.jpg'/><noscript><img loading='lazy'src='/800/600/http/asadmin.ru/images/stories/images/meta-charset-utf-81_asadmin.jpg'/></noscript></div><div class="post-meta"></div></article><nav class="navigation post-navigation"aria-label="Записи"><h2 class="screen-reader-text">Навигация по записям</h2><div class="nav-links"><div class="nav-previous"><a href="https://xn--80aahvkuapc1be.xn--p1ai/sajt/adaptivnyj-slajder-dlya-sajta-html-css-adaptivnyj-slajder-html-na-chistom-css3.html"rel="prev"><span class="meta-nav">Предыдущая запись</span>Адаптивный слайдер для сайта html css:Адаптивный слайдер HTML на чистом CSS3</a></div><div class="nav-next"><a href="https://xn--80aahvkuapc1be.xn--p1ai/sajt/tyazhelye-sajty-15-tyazhelyx-no-ochen-krasivyx-flash-sajtov-2.html"rel="next"><span class="meta-nav">Следующая запись</span>Тяжелые сайты:15 тяжелых,но очень красивых flash сайтов</a></div></div></nav><div id="comments"class="comments-area"><div id="respond"class="comment-respond"><h3 id="reply-title"class="comment-reply-title">Добавить комментарий<small><a rel="nofollow"id="cancel-comment-reply-link"href="/raznoe/chto-takoe-head-v-html-teg-htmlbook-ru-2.html#respond"style="display:none;">Отменить ответ</a></small></h3><form action="https://xn--80aahvkuapc1be.xn--p1ai/wp-comments-post.php"method="post"id="commentform"class="comment-form"novalidate><p class="comment-notes"><span id="email-notes">Ваш адрес email не будет опубликован.</span><span class="required-field-message">Обязательные поля помечены<span class="required">*</span></span></p><p class="comment-form-comment"><label for="comment">Комментарий<span class="required">*</span></label><textarea id="comment"name="comment"cols="45"rows="8"maxlength="65525"required></textarea></p><p class="comment-form-author"><label for="author">Имя<span class="required">*</span></label><input id="author"name="author"type="text"value=""size="30"maxlength="245"autocomplete="name"required/></p><p class="comment-form-email"><label for="email">Email<span class="required">*</span></label><input id="email"name="email"type="email"value=""size="30"maxlength="100"aria-describedby="email-notes"autocomplete="email"required/></p><p class="comment-form-url"><label for="url">Сайт</label><input id="url"name="url"type="url"value=""size="30"maxlength="200"autocomplete="url"/></p><p class="form-submit"><input name="submit"type="submit"id="submit"class="submit"value="Отправить комментарий"/><input type='hidden'name='comment_post_ID'value='39357'id='comment_post_ID'/><input type='hidden'name='comment_parent'id='comment_parent'value='0'/></p></form></div>[an error occurred while processing the directive]</div>[an error occurred while processing the directive]</main>[an error occurred while processing the directive]</div>[an error occurred while processing the directive]</div><div class="col-md-4"><div id="sidebar"class="sidebar"><div id="search-9"class="widget widget_search"><form role="search"method="get"class="form-search"action="https://xn--80aahvkuapc1be.xn--p1ai/"><div class="input-group"><label class="screen-reader-text"for="s">Поиск:</label><input type="text"class="form-control search-query"placeholder="Поиск и помощь"value=""name="s"title="Поиск:"/><span class="input-group-btn"><button type="submit"class="btn btn-default"name="submit"id="searchsubmit"value="Найти"><i class="fa fa-search"></i></button></span></div></form></div><div id="categories-10"class="widget widget_categories"><div class="widget-title"><span>Рубрики</span></div><ul><li class="cat-item cat-item-8"><a href="https://xn--80aahvkuapc1be.xn--p1ai/category/seo">Seo</a></li><li class="cat-item cat-item-4"><a href="https://xn--80aahvkuapc1be.xn--p1ai/category/wordpress">Wordpress</a></li><li class="cat-item cat-item-6"><a href="https://xn--80aahvkuapc1be.xn--p1ai/category/dizajn">Дизайн</a></li><li class="cat-item cat-item-7"><a href="https://xn--80aahvkuapc1be.xn--p1ai/category/zarabotok">Заработок</a></li><li class="cat-item cat-item-9"><a href="https://xn--80aahvkuapc1be.xn--p1ai/category/plagin">Плагин</a></li><li class="cat-item cat-item-3"><a href="https://xn--80aahvkuapc1be.xn--p1ai/category/raznoe">Разное</a></li><li class="cat-item cat-item-15"><a href="https://xn--80aahvkuapc1be.xn--p1ai/category/rekomendac">Рекомендац</a></li><li class="cat-item cat-item-5"><a href="https://xn--80aahvkuapc1be.xn--p1ai/category/sajt">Сайт</a></li><li class="cat-item cat-item-1"><a href="https://xn--80aahvkuapc1be.xn--p1ai/category/sovety">Совет</a></li><li class="cat-item cat-item-12"><a href="https://xn--80aahvkuapc1be.xn--p1ai/category/sovet">Советы</a></li><li class="cat-item cat-item-13"><a href="https://xn--80aahvkuapc1be.xn--p1ai/category/tem-2">Тем</a></li><li class="cat-item cat-item-10"><a href="https://xn--80aahvkuapc1be.xn--p1ai/category/tem">Темы</a></li><li class="cat-item cat-item-14"><a href="https://xn--80aahvkuapc1be.xn--p1ai/category/urok-2">Урок</a></li><li class="cat-item cat-item-11"><a href="https://xn--80aahvkuapc1be.xn--p1ai/category/urok">Уроки</a></li></ul></div></div></div></div><!--END#content--></div><!--END.row--></div><!--END.container--><footer class="mz-footer"id="footer"><!--footer widgets--><div class="container footer-inner"><div class="row row-gutter"></div></div><div class="footer-wide"></div><div class="footer-bottom"><div class="site-info">© Орфографика.рф,2010-2019</div><!--.site-info-->Расшифровки,размещенные на сайте,предназначены только для личного,некоммерческого использования.<br>При перепосте материалов обязательна активная ссылка:«Текст подготовлен компанией Орфографика.рф».<br>Вопросы и предложения:info@орфографика.рф.</div></footer></div><!--back to top button--><p id="back-top"><a href="#top"><i class="fa fa-angle-up"></i></a></p><style type="text/css">.archive#nav-above,.archive#nav-below,.search#nav-above,.search#nav-below,.blog#nav-below,.blog#nav-above,.navigation.paging-navigation,.navigation.pagination,.pagination.paging-pagination,.pagination.pagination,.pagination.loop-pagination,.bicubic-nav-link,#page-nav,.camp-paging,#reposter_nav-pages,.unity-post-pagination,.wordpost_content.nav_post_link,.page-link,.page-links,#comments.navigation,#comment-nav-above,#comment-nav-below,#nav-single,.navigation.comment-navigation,comment-pagination{display:none!important;}.single-gallery.pagination.gllrpr_pagination{display:block!important;}</style><noscript><style>.lazyload{display:none;}</style></noscript><script data-noptimize="1">window.lazySizesConfig=window.lazySizesConfig||{};window.lazySizesConfig.loadMode=1;</script><script async data-noptimize="1" src='https://xn--80aahvkuapc1be.xn--p1ai/wp-content/plugins/autoptimize/classes/external/js/lazysizes.min.js'></script> <!-- noptimize -->
<style>iframe,object{width:100%;height:480px}img{max-width:100%}</style><script>new Image().src="//counter.yadro.ru/hit?r"+escape(document.referrer)+((typeof(screen)=="undefined")?"":";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth?screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+";h"+escape(document.title.substring(0,150))+";"+Math.random();</script>
<!-- /noptimize --> <script defer src="https://xn--80aahvkuapc1be.xn--p1ai/wp-content/cache/autoptimize/js/autoptimize_13058247d3082f39f5d009ed1b806645.js"></script></body></html>