Линк тег: Тег | htmlbook.ru

HTML тег link

Тег <link> определяет ссылку на внешний ресурс. Наиболее часто этот тег используется для подключения файла стилей CSS к документу HTML.

Использование тега <link> для подключения внешнего файла стилей CSS поддерживается всеми основными браузерами. Ничего другое в настоящее время не поддерживается.

Тег <link> является пустым элементом, который содержит только атрибуты.

Тег <link> используется только внутри элемента <head>. Он может быть использован сколько угодно раз.

Разница между HTML 4.01 и HTML5

Некоторые атрибуты, допустимые в HTML 4.01, не поддерживаются в HTML5.

В HTML5 был добавлен атрибут sizes.

Различия между HTML и XHTML

В HTML тег <link> — одиночный элемент без закрывающего тега. В XHTML тег <link> необходимо закрывать должным образом, а именно — <link />.

Атрибуты тега <link>

АтрибутОписание
charsetОпределяет кодировку символов подключаемого документа
href
Определяет URL подключаемого внешнего ресурса
hreflangОпределяет язык подключаемого внешнего документа
mediaОпределяет устройства вывода, для которых оптимизирован внешний ресурс
relОпределяет отношение между текущим и подключаемым внешним документом/ресурсом
revОпределяет отношение с подключаемым документом/ресурсом
sizesОпределяет размер иконки
targetОпределяет, куда будет загружаться подключаемый документ
typeОпределяет медиа-тип подключаемого документа

Общие атрибуты

Тег <link> поддерживает общие атрибуты и атрибуты-события.

CSS стили по умолчанию

Большинство браузеров будут отображать тег <link> со следующими стилями

link {
    display: none;
}

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

Подключение внешнего файла стилей:

<head>
   <link rel="stylesheet" type="text/css" href='theme.css'>
</head>

Тег link

HTML5CSS.ru

ЛУЧШИЙ САЙТ ДЛЯ РАЗРАБОТЧИКОВ

❮Назад Полный HTML Ссылки Дальше ❯


Пример

Ссылка на внешнюю таблицу стилей:

<head>
  <link rel=»stylesheet» type=»text/css» href=»theme.css»>
</head>


Определение и использование

Тег <link> определяет связь между документом и внешним ресурсом.

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


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

При использовании в таблицах стилей тег <link> поддерживается во всех основных обозревателях. Никакая реальная поддержка для что-нибыдь еще.

Элемент
<link>ДаДаДаДаДа

Примечание: Элемент <link> является пустым элементом, он содержит только атрибуты.

Примечание: Этот элемент идет только в разделе head, но он может появляться любое количество раз.


Различия между HTML 4,01 и HTML5

Некоторые атрибуты HTML 4,01 являются навестить поддерживается в HTML5.

Атрибут «sizes» является новым в HTML5.


Различия между HTML и XHTML

В HTML тег <link> не имеет конечного тега.

В XHTML тег <link> должен быть правильно закрыт.



Атрибуты

= Новый в HTML5.

АтрибутЗначениеОписание
charsetchar_encodingНе поддерживается в HTML5.
Задает кодировку символов связанного документа
crossoriginanonymous
use-credentials
Указывает, как элемент обрабатывает запросы перекрестного происхождения
hrefURLУказывает расположение связанного документа
hreflanglanguage_codeУказывает язык текста в связанном документе
mediamedia_queryУказывает, на каком устройстве будет отображаться связанный документ
relalternate
author
dns-prefetch
help
icon
license
next
pingback
preconnect
prefetch
preload
prerender
prev
search
stylesheet
Обязательно. Указывает связь между текущим документом и связанным документом
revreversed relationshipНе поддерживается в HTML5.
Указывает связь между связанным документом и текущим документом
sizesHeightxWidth
any
Задает размер связанного ресурса. Только для rel=»icon»
target_blank
_self
_top
_parent
frame_name
Не поддерживается в HTML5.
Указывает, где должен быть загружен связанный документ
typemedia_typeУказывает тип носителя связанного документа

Глобальные атрибуты

Тег <link> также поддерживает Глобальные атрибуты в HTML.


Атрибуты события

Тег <link> также поддерживает Атрибуты событий в HTML.


Похожие страницы

HTML tutorial: HTML Styles

HTML DOM reference: Link Object


Параметры CSS по умолчанию

В большинстве обозревателей элемент <link> будет отображаться со следующими значениями по умолчанию:

link {
    display: none;
}

❮Назад Полный HTML Ссылки Дальше ❯

Популярное

html картинка
как вставить картинку в html
цвет текста фона
размер текста html
цвет размер шрифта html
формы html
список html
таблица html
как сделать ссылку в html
html элементы



Copyright 2018-2020 HTML5CSS. ru

Правила и Условия Политика конфиденциальности О нас Контакты

HTML link rel Attribute

❮ HTML тег

Пример

Импорт внешней таблицы стилей:

Попробуйте сами »

ниже.


Определение и использование

Обязательный атрибут rel указывает связь между текущим документом и связанным документом/ресурсом.


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

Атрибут
отн. Да Да Да Да Да

Синтаксис

Значения атрибутов

Значение Описание
альтернативный Предоставляет ссылку на альтернативную версию документа (т. е. печатную страницу, переведенную или зеркальную).
Пример:
автор Предоставляет ссылку на автора документа
предварительная выборка DNS Указывает, что браузер должен упреждающе выполнять разрешение DNS для источника целевого ресурса
помощь Предоставляет ссылку на справочный документ. Пример:
значок Импортирует значок для представления документа.
Пример:
лицензия Предоставляет ссылку на информацию об авторских правах для документа
следующий Предоставляет ссылку на следующий документ в серии
пингбэк Предоставляет адрес сервера pingback, который обрабатывает pingbacks для текущего документа
предварительное соединение Указывает, что браузер должен заблаговременно подключаться к источнику целевого ресурса.
предварительная выборка Указывает, что браузер должен упреждающе извлекать и кэшировать целевой ресурс, поскольку он может потребоваться для последующей навигации
предварительная нагрузка Указывает, что агент браузера должен упреждающе извлекать и кэшировать целевой ресурс для текущей навигации в соответствии с пунктом назначения, заданным атрибутом «как» (и приоритетом, связанным с этим пунктом назначения).
пререндеринг Указывает, что браузер должен предварительно отображать (загружать) указанный веб-страница в фоновом режиме. Итак, если пользователь переходит на эту страницу, это ускоряет увеличить загрузку страницы (поскольку страница уже загружена). Внимание! Это тратит впустую пропускную способность пользователя! Используйте предварительную визуализацию только в том случае, если вы абсолютно уверены что веб-страница требуется в какой-то момент пути пользователя
предыдущий Указывает, что документ является частью серии и что предыдущий документ в серии является ссылочным документом
поиск Предоставляет ссылку на ресурс, который можно использовать для поиска в текущем документе и связанных с ним страницах.
таблица стилей Импорт таблицы стилей

Другие примеры

Пример

Вот как добавить значок на веб-сайт:




 Моя страница Название</название> <br/>  <link rel="icon" type="image/x-icon" href="favicon.ico"> <br/></head> <br/><body></p><p><h2><span class="ez-toc-section" id="i-18">Это заголовок</span></h2> <br/><p >Это абзац.</p></p><p> <script defer src="https://xn--90abhccf7b.xn--p1ai/wp-content/cache/autoptimize/js/autoptimize_eacc7423ae55f04fc134551454013fc2.js"></script></body> <br/></html></p><hr/><p data-readability-styled="true"> ❮ Тег HTML<link></p> <br/><h5><span class="ez-toc-section" id="i-19"> ВЫБОР ЦВЕТА </span></h5><hr/><hr/><hr/><p><h5><span class="ez-toc-section" id="i-20"> Лучшие учебники </span></h5> Учебное пособие по HTML <br/> Учебное пособие по CSS <br/> Учебное пособие по JavaScript <br/> Учебное пособие <br/> Учебное пособие по SQL <br/>Учебник по Python <br/> Учебник по W3.CSS <br/> Учебник по Bootstrap <br/> Учебник по PHP <br/> Учебник по Java <br/><center><ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-1812626643144578" data-ad-slot="3076124593" data-ad-format="auto" data-full-width-responsive="true"></ins> <script>(adsbygoogle=window.adsbygoogle||[]).push({});</script></center> Учебник по C++ <br/> Учебник по jQuery <br/></p><p><h5><span class="ez-toc-section" id="i-21"> Лучшие ссылки </span></h5> HTML Reference <br/> CSS Reference <br/> JavaScript Reference <br/> SQL Reference <br/> Python Reference <br/> W3.<img class="lazy lazy-hidden" loading='lazy' src="//xn--90abhccf7b.xn--p1ai/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src='/800/600/http/orbitingweb.com/wp-content/uploads/indentify-nofollow-links-html-source.png' /><noscript><img loading='lazy' src='/800/600/http/orbitingweb.com/wp-content/uploads/indentify-nofollow-links-html-source.png' /></noscript> CSS Reference <br/> Bootstrap Reference <br/> PHP Reference <br/> HTML Colors <br/> Java Reference <br/> Angular Reference <br/> jQuery Reference <br/></p><p><p>8 Top Examples Примеры HTML <br/> Примеры CSS <br/> Примеры JavaScript <br/> Примеры инструкций <br/> Примеры SQL <br/> Примеры Python <br/> Примеры W3.CSS <br/> Примеры Bootstrap <br/> Примеры PHP <br/> Примеры Java <br/> Примеры XML <br/> Примеры jQuery <br/></p><table> FORUM 90 | О</p><p data-readability-styled="true"> W3Schools оптимизирован для обучения и обучения. Примеры могут быть упрощены для улучшения чтения и обучения. Учебники, ссылки и примеры постоянно пересматриваются, чтобы избежать ошибок, но мы не можем гарантировать полную правильность всего содержания. Используя W3Schools, вы соглашаетесь прочитать и принять наши условия использования, куки-файлы и политика конфиденциальности.</p><p> Copyright 1999-2023 Refsnes Data. Все права защищены. <br/> W3Schools работает на основе W3.CSS.</p><h2><span class="ez-toc-section" id="_HTML_GeeksforGeeks"> Тег HTML — GeeksforGeeks </span></h2><p> Улучшить статью</p><p> Сохранить статью</p><ul><li> Последнее обновление: 26 июл, 2022</li></ul><p><li> Читать</li><li> Обсудить</li></p><p> Улучшить статью</p><p> Сохранить статью</p><p> Тег <strong><link> </strong> в HTML используется для определения ссылки между документом и внешним ресурсом.<img class="lazy lazy-hidden" loading='lazy' src="//xn--90abhccf7b.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/0f/b1/9b/0fb19b6600da340b2ab091a17b46b6bc.jpg' /><noscript><img loading='lazy' src='/800/600/http/i.pinimg.com/736x/0f/b1/9b/0fb19b6600da340b2ab091a17b46b6bc.jpg' /></noscript> Тег link в основном используется для ссылки на внешние таблицы стилей. Этот элемент может появляться несколько раз, но он идет только в разделе заголовка. Элемент link пуст, он содержит только атрибуты. Значения в элементе link обозначают, как элемент, на который ссылается &, связан с содержащим документом.</p><p> <strong> Синтаксис: </strong></p><pre> <link rel="stylesheet" type="text/css" href="styles.css"> </pre><p> <strong> Значения атрибутов: </strong></p><ul><li> <strong> Используется для указания набора символов : 9013 кодировка символов для связанного документа HTML.</li><li> <strong> crossOrigin </strong> : назначает параметры CORS для связанного документа.</li><li> <strong> отключено </strong> : используется для указания того, что связанный документ отключен.</li><li> <strong> href </strong> : используется для указания URL связанного документа.</li><li> <strong> hreflang </strong> : используется для указания языка связанного документа.</li><li> <strong> media </strong> : используется для указания, для какого носителя/устройства оптимизирован целевой ресурс.<img class="lazy lazy-hidden" loading='lazy' src="//xn--90abhccf7b.xn--p1ai/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src='/800/600/http/i2.wp.com/semantica.in/wp-content/uploads/2018/02/5cf1e9aa64.png' /><noscript><img loading='lazy' src='/800/600/http/i2.wp.com/semantica.in/wp-content/uploads/2018/02/5cf1e9aa64.png' /></noscript></li><li> <strong> отн. </strong> : используется для указания отношения между текущим и связанным документом.</li><li> <strong> rev </strong> : Назначает обратную связь от связанного документа к текущему документу.</li><li> <strong> размеры </strong> : используется для указания размеров значка для визуальных носителей и работает только при rel=»icon».</li><li> <strong> target </strong> <strong> : </strong> Используется для указания окна или фрейма, в который загружается связанный документ.</li><li> <strong> type </strong> : Используется для установки/возврата типа содержимого связанного документа.</li></ul><p> <strong> Пример 1: </strong> В этом примере мы использовали тег<link> и объявили атрибут <i> rel </i> и атрибут <i> type </i> внутри тега в HTML.</p><h3><span class="ez-toc-section" id="HTML-2"> HTML </span></h3><table border="0" cellpadding="0" cellspacing="0"><tbody><tr><td><p data-readability-styled="true"> <code> <!DOCTYPE html> </code></p><p data-readability-styled="true"> <code> < </code> <code> html </code> <code> > </code></p><p data-readability-styled="true"> <code> < </code> <code> head </code> <code> > </code></p><p data-readability-styled="true"> <code>      </code> <code> < </code> <code> link </code> <code> rel </code> <code> = </code> <code> "stylesheet" </code></p><p data-readability-styled="true"> <code>            </code> <code> type </code> <code> = </code> <code> "Текст/ CSS" </code></p><p data-readability-styled="true"> <code> </code> <code> HREF </code> <code> = </code> <code> "Стиль.<img class="lazy lazy-hidden" loading='lazy' src="//xn--90abhccf7b.xn--p1ai/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src='/800/600/http/i.ytimg.com/vi/RGG9QFJFYrw/hqdefault.jpg' /><noscript><img loading='lazy' src='/800/600/http/i.ytimg.com/vi/RGG9QFJFYrw/hqdefault.jpg' /></noscript> 0019 <code> head </code> <code> > </code></p><p>  </p><p data-readability-styled="true"> <code> < </code> <code> body </code> <code> > </code></p><p data-readability-styled="true"> <code>      </code> <code> < </code> <code> h2 </code> <code> >GeeksforGeeks</ </code> <code> h2 </code> <code> > </code></p><p data-readability-styled="true"> <code>      </code> <code> < </code> <code> h4 </code> <code> >HTML-тег ссылки</ </code> <code> h4 </code> <code> > </code></p><p data-readability-styled="true"> <code>      </code>  </p><p>  </p><p data-readability-styled="true"> <code> > <code><h2><span class="ez-toc-section" id="19">19 </span></h2></p><p data-readability-styled="true"> <code>          </code> <code> Портал информатики для гиков. </code></p><p data-readability-styled="true"> <code> </code> <code> Он содержит хорошо написанную, хорошо продуманную </code></p><p data-readability-styled="true"> <code> </code> <code> и хорошо объясненные компьютерные науки и </code></p><p data-readability-styled="true"> <code> </code> <code> программные статьи.<img class="lazy lazy-hidden" loading='lazy' src="//xn--90abhccf7b.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/47/b3/97/47b397e4e56186e2a094e82ab5a9a354.jpg' /><noscript><img loading='lazy' src='/800/600/http/i.pinimg.com/736x/47/b3/97/47b397e4e56186e2a094e82ab5a9a354.jpg' /></noscript> </code></p><p data-readability-styled="true"> <code>      </code> <code> </ </code> <code> р </code> <code> > </code></p><p>  </p><p>  </p><p> 9<p> 9<p> </</p><h2><span class="ez-toc-section" id="18_body">18 body </span></h2></code> <code> > </code></p><p data-readability-styled="true"> <code> </ </code> <code> html </code> <code> > </code></p></td></tr></tbody></table><p>   <strong> Output: </strong></p><p> HTML<link> tag</p><p> <strong> Example 2: </strong> In this example, we have used the <i> атрибут hreflang </i>, значение которого установлено на «<i> en-us </i>», который будет указывать язык связанного документа. И мы связываем внешний файл CSS, который содержит свойство цвета для тега h2, для которого установлено значение зеленого.</p><h3><span class="ez-toc-section" id="HTML-3"> HTML </span></h3><table border="0" cellpadding="0" cellspacing="0"><tbody><tr><td><p data-readability-styled="true"> <code> <!DOCTYPE html> </code></p><p data-readability-styled="true"> <code> < </code> <code> html </code> <code> > </code></p><p data-readability-styled="true"> <code> < </code> <code> head </code> <code> > </code></p><p data-readability-styled="true"> <code>      </code> <code> < </code> <code> title </code> <code> > Тег ссылки HTML</ </code> <code> title </code> <code> > </code></p><p data-readability-styled="true"> <code>      </code> <code> < </code> <code> ссылка </code> <code> rel </code> <code> = </code> 90 9018 "1 таблица стилей0010 <code> </code> <code> Тип </code> <code> = </code> <code> "Текст/CSS" </code></p><p data-readability-styled="true"> <code> </code> <code> HREF </code> <code> = </code> <code> "Стиль.<img class="lazy lazy-hidden" loading='lazy' src="//xn--90abhccf7b.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/originals/37/29/5b/37295b1ee613a67862f068bb39b05690.png' /><noscript><img loading='lazy' src='/800/600/http/i.pinimg.com/originals/37/29/5b/37295b1ee613a67862f068bb39b05690.png' /></noscript></div></div></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--90abhccf7b.xn--p1ai/raznoe/bootstrap-grid-1170-psd-bootstrap-grid-system-photoshop-action.html" rel="prev">Bootstrap grid 1170 psd: Bootstrap Grid System Photoshop Action</a></div><div class="nav-next"><a href="https://xn--90abhccf7b.xn--p1ai/raznoe/perenos-sajta-s-openserver-na-hosting-kak-perenesti-sajt-s-open-server-na-hosting.html" rel="next">Перенос сайта с openserver на хостинг: Как перенести сайт с Open Server на хостинг</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/link-teg-teg-htmlbook-ru.html#respond" style="display:none;">Отменить ответ</a></small></h3><form action="https://xn--90abhccf7b.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='63173' id='comment_post_ID' /> <input type='hidden' name='comment_parent' id='comment_parent' value='0' /></p></form></div></div></main></div><div id="sidebar-primary" class="widget-area sidebar " role="complementary"><div class="sidebar-main"><div id="yandex_rtb_R-A-744004-7" class="yandex-adaptive classYandexRTB"></div> <script type="text/javascript"> window.yaContextCb.push(()=>{Ya.Context.AdvManager.render({renderTo: "yandex_rtb_R-A-744004-7",blockId: "R-A-744004-7",pageNumber: 11,onError: (data) => { var g = document.createElement("ins"); g.className = "adsbygoogle"; g.style.display = "inline"; g.style.width = "300px"; g.style.height = "600px"; g.setAttribute("data-ad-slot", "9935184599"); g.setAttribute("data-ad-client", "ca-pub-1812626643144578"); g.setAttribute("data-alternate-ad-url", "https://chajnov.ru/back.php"); document.getElementById("yandex_rtb_[rtbBlock]").appendChild(g); (adsbygoogle = window.adsbygoogle || []).push({}); }})}); window.addEventListener("load", () => { var ins = document.getElementById("yandex_rtb_R-A-744004-7"); if (ins.clientHeight == "0") { ins.innerHTML = stroke2; } }, true); </script><section id="search-2" class="widget widget_search"><div class="zita-widget-content"><form role="search" method="get" id="searchform" action="https://xn--90abhccf7b.xn--p1ai/"><div class="form-content"> <input type="text" placeholder="search.." name="s" id="s" value=""/> <input type="submit" value="Search" /></div></form></div></section><section id="nav_menu-4" class="widget widget_nav_menu"><div class="zita-widget-content"><h2 class="widget-title">Рубрики</h2><div class="menu-2-container"><ul id="menu-2" class="menu"><li id="menu-item-19021" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-19021"><a href="https://xn--90abhccf7b.xn--p1ai/category/css">Css</a></li><li id="menu-item-19022" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-19022"><a href="https://xn--90abhccf7b.xn--p1ai/category/html">Html</a></li><li id="menu-item-19023" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-19023"><a href="https://xn--90abhccf7b.xn--p1ai/category/js">Js</a></li><li id="menu-item-19024" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-19024"><a href="https://xn--90abhccf7b.xn--p1ai/category/adaptiv">Адаптивный сайт</a></li><li id="menu-item-19025" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-19025"><a href="https://xn--90abhccf7b.xn--p1ai/category/verstk">Верстка</a></li><li id="menu-item-19026" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-19026"><a href="https://xn--90abhccf7b.xn--p1ai/category/idei">Идеи</a></li><li id="menu-item-19028" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-19028"><a href="https://xn--90abhccf7b.xn--p1ai/category/chego-nachat">С чего начать</a></li><li id="menu-item-19029" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-19029"><a href="https://xn--90abhccf7b.xn--p1ai/category/sovety">Советы</a></li><li id="menu-item-19031" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-19031"><a href="https://xn--90abhccf7b.xn--p1ai/category/shablon">Шаблоны</a></li><li id="menu-item-19027" class="menu-item menu-item-type-taxonomy menu-item-object-category current-post-ancestor current-menu-parent current-post-parent menu-item-19027"><a href="https://xn--90abhccf7b.xn--p1ai/category/raznoe">Разное</a></li></ul></div></div></section></div></div></div></div><footer id="zita-footer"><div class="footer-wrap widget-area"><div class="bottom-footer"><div class="bottom-footer-bar ft-btm-one"><div class="container"><div class="bottom-footer-container"> © Компания <a href="http://вебджем.рф"> Вебджем.рф </a> 2009 - 2024 | Все права защищены.</a></div></div></div></div></div></footer> <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--90abhccf7b.xn--p1ai/wp-content/plugins/autoptimize/classes/external/js/lazysizes.min.js'></script> </body></html><script src="/cdn-cgi/scripts/7d0fa10a/cloudflare-static/rocket-loader.min.js" data-cf-settings="f5f7867c472d1a2488b83a12-|49" defer></script>