Html расшифровка аббревиатуры: : Элемент Аббревиатура — HTML

: Элемент Аббревиатура — HTML

Элемент HTML «аббревиатура» (<abbr>) представляет собой аббревиатуру и, опционально, может показывать её расшифровку. Расшифровка записывается в атрибут title. Иные значения title, кроме расшифровки аббревиатуры не допускаются.

Статья Как помечать аббревиатуры и сделать их потянутыми поможет понять как использовать <abbr> и связанные элементы.

Категории контентаОсновной поток, текстовый контент, явный контент
Допустимое содержимоеФразовый контент
Пропуск теговНет, открывающий и закрывающий теги обязательны.
Допустимые родителиЛюбые, поддерживающие фразовый контент.
Допустимые ARIA-ролиЛюбые
DOM-интерфейсHTMLElement

Этот элемент поддерживает только глобальные атрибуты. Атрибут title имеет специальное семантическое значение, когда используется вместе с элементом <abbr>. Он должен содержать полную расшифровку или описание аббревиатуры.

Каждый элемент <abbr> независим от других. Указание title на одном элементе не применяет это же описание к другим элементам с одинаковым содержанием.

Обычное использование

Необязательно помечать все аббревиатуры с помощью <abbr>. Далее представлено несколько вариантов, которые помогут выбрать как помечать текст:

  • Когда используете аббревиатуру и хотите показать описание или расшифровку вне основного потока содержания, используйте <abbr> c подходящим title.
  • Чтобы обозначить аббревиатуру, которая может быть незнакома читателю, используете <abbr> с атрибутом title или просто текст с описанием.
  • Когда присутствие аббревиатуры в тексте должно быть семантически выделено, полезен элемент <abbr>. В свою очередь, его использование может быть использовано для стилизации или написания сценариев.
  • Вы можете использовать <abbr> вместе с <dfn>, чтобы установить определения для терминов, которые являются аббревиатурами или акронимами. Смотрите пример Определение в аббревиатуре ниже.

Грамматические вопросы

В языках с падежами (то есть, языки, в которых количество предметов влияет на грамматику предложения), используйте одинаковое грамматическое число в атрибуте title и внутри элемента <abbr>. Это также имеет место в языках с более чем двумя грамматическими числами (например, арабский имеет не только категории единственного и множественного числа, но двойственного).

Назначение данного элемента исключительно для удобства автора и браузеры отображают его как (display: inline) по умолчанию, хотя его стиль по умолчанию меняется в разных браузерах:

  • Некоторые браузеры, например Internet Explorer, стилизуют его как элемент <span>.
  • Opera, Firefox и другие добавляют подчёркивание точками к содержанию элемента.
  • Некоторые браузеры не только подчёркивают, но и меняют начертание на капитель (small caps). Чтобы избежать этого, добавьте font-variant (en-US): none в ваш CSS.

Семантическая пометка аббревиатуры

Чтобы пометить аббревиатуру без задания описания или расшифровок, просто используйте <abbr> без каких-либо атрибутов, как показано в примере ниже.

HTML
<p>Использование <abbr>HTML</abbr> – весело и легко!</p>
Результат

Стилизация аббревиатуры

Вы можете использовать CSS, чтобы задать пользовательские стили для аббревиатуры, как показано в примере ниже.

HTML
<p>Используя <abbr>CSS</abbr>, вы можете стилизовать аббревиатуры!</p>
CSS
abbr {
  font-variant: all-small-caps;
}
Результат

Задание расшифровки

Добавление атрибута title даёт вам возможность задать расшифровку или описание для аббревиатуры или акронима.

HTML
<p>Эта статья великолепна! <abbr title="Подпишусь под Каждым Словом">ППКС</abbr>
без раздумий.</p>
Result

Определение в аббревиатуре

Вы можете использовать <abbr> вместе с <dfn> для более формального определения аббревиатуры, как показано ниже.

HTML
<p><dfn><abbr title="HyperText Markup Language">HTML</abbr>
</dfn> – язык разметки, который используется для создания семантических и
структурированных веб-страниц.</p>
<p>A <dfn>Specification</dfn>
(<abbr title="Specification">spec</abbr>) – документ, в котором описаны основные
принципы работы технологи или API и как получить к ним доступ.</p>
Result

Смотрите больше примеров в статье Как размечать аббревиатуры и делать их понятными.

Specification
HTML Standard
# the-abbr-element

BCD tables only load in the browser with JavaScript enabled.

Enable JavaScript to view data.

  • Использование элемента <abbr>
  • Другие элементы, являющиеся семантически текстовыми: <a>, <em>, <strong>, <small> (en-US), <cite>, <q> (en-US), <dfn>, <time>, <code>, <var> (en-US), <samp> (en-US), <kbd>, <sub> (en-US), <sup> (en-US), <b>, <i> (en-US), <mark>, <ruby>, <rp> (en-US), <rt> (en-US), <bdo>, <span>, <br>
    , <wbr>.
  • Устаревший элемент <acronym>, который был заменён элементом <abbr>.

Found a content problem with this page?

  • Edit the page on GitHub.
  • Report the content issue.
  • View the source on GitHub.

Want to get more involved?

Learn how to contribute.

This page was last modified on by MDN contributors.

| HTML | WebReference

Элемент <abbr> (от англ. abbreviation — аббревиатура) указывает, что последовательность символов является аббревиатурой. С помощью атрибута title даётся расшифровка сокращения, что позволяет понимать аббревиатуру тем людям, которые с ней не знакомы. Кроме того, поисковые системы индексируют полнотекстовый вариант сокращения, это может использоваться для повышения рейтинга документа.

Браузеры обычно добавляют к тексту пунктирное подчёркивание, но могут и не выделять содержимое элемента.

Синтаксис

<abbr>Текст</abbr>

Атрибуты

Для этого элемента доступны универсальные атрибуты и события.

Пример

<!DOCTYPE HTML> <html> <head> <title>abbr</title> <meta charset=»utf-8″> <style> abbr { border-bottom: 1px dashed red; /* Пунктирное подчёркивание текста */ color: #000080; /* Тёмно-синий цвет текста */ } </style> </head> <body> <p><abbr>CGI</abbr> обозначается протокол, с помощью которого любые внешние программы взаимодействуют с веб-сервером. С помощью <abbr title=»Common Gateway Interface, общий шлюзовый интерфейс»>CGI</abbr> на сервере можно выполнять программы на любом языке программирования и результат их действия выводить в виде веб-страницы.</p> </body> </html>

Результат данного примера показан на рис. 1.

Рис. 1. Вид всплывающей подсказки при наведении курсора мыши на текст аббревиатуры

Примечание

Браузер Internet Explorer до 6 версии включительно не поддерживает элемент <abbr>, но понимает элемент <acronym>.

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

СпецификацияСтатус
WHATWG HTML Living StandardЖивой стандарт
HTML5Возможная рекомендация
HTML 4.01 SpecificationРекомендация
Спецификация

Каждая спецификация проходит несколько стадий одобрения.

  • Recommendation (Рекомендация) — спецификация одобрена W3C и рекомендована как стандарт.
  • Candidate Recommendation (Возможная рекомендация) — группа, отвечающая за стандарт, удовлетворена, как он соответствует своим целям, но требуется помощь сообщества разработчиков по реализации стандарта.
  • Proposed Recommendation (Предлагаемая рекомендация) — на этом этапе документ представлен на рассмотрение Консультативного совета W3C для окончательного утверждения.
  • Working Draft (Рабочий проект) — более зрелая версия черновика после обсуждения и внесения поправок для рассмотрения сообществом.
  • Editor’s draft (Редакторский черновик) — черновая версия стандарта после внесения правок редакторами проекта.
  • Draft (Черновик спецификации) — первая черновая версия стандарта.

Браузеры

7
12
21.311
1161
Браузеры

В таблице браузеров применяются следующие обозначения.

  • — элемент полностью поддерживается браузером;
  • — элемент браузером не воспринимается и игнорируется;
  • — при работе возможно появление различных ошибок, либо элемент поддерживается с оговорками.

Число указывает версию браузреа, начиная с которой элемент поддерживается.

Текст

См. также

  • <acronym>
  • Продвинутая семантика и доступность
  • Семантика строчных элементов

Как использовать аббревиатуру HTML в коде

Время чтения 1 мин

Опубликовано 29 июня 2017 г.

Обновлено 2 октября 2019 г.

Содержание
  • 1. HTML abbr : Основные советы
  • 2. Использование сокращения
  • 3. Определение сокращений HTML
  • 4. Поддержка браузера

HTML abbr: Основные советы

  • HTML Элемент помечает комбинацию символов как аббревиатура или аббревиатура.
  • С помощью атрибута title в открывающем теге HTML
    вы предоставляете полнотекстовое пояснение для указанной аббревиатуры (или акронима).
  • Этот элемент является современной версией устаревшего .

Использование аббревиатуры

HTML обозначает аббревиатуры или акронимы, а устанавливает полнотекстовое объяснение для них.

Пример

 

HTML — это язык представления.

Попробуйте вживую. Учитесь на Udacity

Объяснение в атрибуте title : not видно сразу. Пользователи должны навести курсор на последовательность символов, чтобы вызвать комментарий.

Плюсы

  • Простой дизайн (без лишней информации)
  • Качественные курсы (даже бесплатные)
  • Разнообразие функций

Основные характеристики

  • Программы наностепени
  • Подходит для предприятий
  • Платные сертификаты об окончании

EXCL USIVE: СКИДКА 75%

Плюсы

  • Удобная навигация
  • Нет технические вопросы
  • Кажется, заботятся о своих пользователях

Основные характеристики

  • Большое разнообразие курсов
  • 30-дневная политика возврата
  • Бесплатные сертификаты об окончании

ОТ 12,99$

Pros

  • Отличный пользовательский интерфейс
  • Предлагает качественный контент
  • Очень прозрачный с их ценами

Основные характеристики

  • Бесплатные сертификаты завершение
  • Ориентирован на навыки работы с данными
  • Гибкий график обучения

СКИДКА 75%

Определение сокращений HTML

Когда аббревиатура (или аббревиатура) малоизвестный , простой расшифровки может быть недостаточно: вам может потребоваться дополнительное пояснение. Для этого вложите ваших тегов внутрь элемента :

Пример

 

EVM — это программная платформа на основе блокчейна.

Попробуйте вживую Учитесь на Udacity

Давайте пошагово разберем приведенный выше пример:

  • Теги отмечают, что EVM является аббревиатурой HTML
    .
  • Теги показывают, что EVM является определяемым термином .
  • Атрибут title определяет полный термин , который представляет EVM.

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

Chrome

2+

Edge

Все

Firefox

1+

IE

7+

Opera

Все

Safari

Все

Поддержка мобильных браузеров

Chrome

Все

Firefox

4+

Opera

Все

Safari

Все

Предыдущая тема Следующая тема

Тег HTML abbr | Synatx и различные примеры HTML abbr Tag

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

Синтаксис HTML-тега abbr

Тег обычно используется вместе с атрибутом. Поскольку тег title используется для определения заголовка документа, заголовок при использовании с тегом <abbr> становится атрибутом и имеет для него особое значение. Заголовок будет содержать удобочитаемый заголовок или полную форму аббревиатуры. Тег <abbr> отображает полную форму при наведении курсора на пользователя и упрощает определение описания. Эта информация гораздо полезнее для браузеров, поисковых систем и вспомогательных систем, таких как система перевода.<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/https/image1.slideserve.com/3575582/slide2-l.jpg' /><noscript><img loading='lazy' src='/800/600/https/image1.slideserve.com/3575582/slide2-l.jpg' /></noscript> Ниже приведен синтаксис тега abbr,</p><ul><li> <strong> Нормальное сокращение Тег: </strong></li></ul><pre> <abbr> PFA </abbr> </pre><p> Это будет отображать только простой текст без какого-либо смысла. Предположим, мы хотим использовать полную форму для приведенной выше аббревиатуры, т. е. PFA, тогда используется атрибут<title>,</p><ul><li> <strong> abbr Tag with Title Tag: </strong></li></ul><pre> <abbr title = "Please Find Attached" > PFA </abbr> </pre><p> Здесь мы определили отображаемый заголовок как краткую форму, но в то же время мы определили его полную форму с помощью <abbr > вместе с тегом<title>. Тег <abbr> идет парой, поэтому всегда будет доступен закрывающий тег </abbr>.</p><p> <strong> Атрибуты:  </strong> Как видно из синтаксиса, тег title при использовании вместе с тегом <abbr> становится атрибутом и наделяет его особыми функциями. В противном случае нет более конкретных тегов, доступных для использования с тегом <abbr>, но этот тег <abbr> поддерживает глобальные атрибуты и атрибуты событий, доступные по умолчанию в 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/https/mypresentation.ru/documents_6/4a70f40fa554cadd69a76bd5c2834896/img8.jpg' /><noscript><img loading='lazy' src='/800/600/https/mypresentation.ru/documents_6/4a70f40fa554cadd69a76bd5c2834896/img8.jpg' /></noscript></p><h4><span class="ez-toc-section" id="_HTML-_abbr-2"> Примеры реализации HTML-тега abbr </span></h4><p> Ниже приведены примеры реализации HTML-тега abbr:</p><h5><span class="ez-toc-section" id="_1"> Пример #1 </span></h5><p> В этом примере мы видим простое сокращение без тега заголовка.</p><p> <strong> Код: </strong></p><pre> <!DOCTYPE html> <html> <голова> Тег сокращения <title> в HTML <стиль> тело { выравнивание текста: по левому краю; } <тело> ПФА

Вывод:  будет простым текстом, как показано ниже,

Пример #2

В этом примере мы видим аббревиатуру With a Title Tag.

Код:

 

<голова>
Тег сокращения  в HTML 
<стиль>
тело {
выравнивание текста: по левому краю;
}


<тело>
 PFA 

 

Вывод:  будет аббревиатурой, подчеркнутой точкой.

Если мы попытаемся навести на это курсор, он отобразит заголовок, который мы дали, аналогично всплывающей подсказке.

Пример #3

Здесь мы использовали стиль шрифта элемента стиля CSS как курсив над тегом .

Код:

 

<голова>
Тег сокращения  в HTML 
<стиль>
тело {
выравнивание текста: по левому краю;
}
п {
размер шрифта: x-большой;
}
сокращение {
стиль шрифта: курсив;
}


<тело>

при написании электронного письма обычно используется PFA

Вывод:

Пример #4

Давайте применим еще несколько элементов стиля CSS поверх тега .

Код:

 

<голова>
Тег сокращения  в HTML 
<стиль>
тело {
выравнивание текста: по левому краю;
}
сокращение {
стиль шрифта: курсив;
красный цвет ;
вес шрифта: полужирный;
}


<тело>

при написании электронного письма обычно используется PFA

Вывод:

Здесь мы выделили нашу аббревиатуру полужирным и красным цветом, используя элементы стиля CSS.

Пример #5

Давайте изменим тот же пример, чтобы добавить больше стиля и дизайна.

Код:

 

<голова>
Тег сокращения  в HTML 
<стиль>
тело {
выравнивание текста: по левому краю;
}
п {
размер шрифта: x-большой;
фоновый цвет: бланшированный миндаль;
padding-top: 25px ;
padding-bottom: 25px ;
выравнивание текста: по центру;
граница: 1px сплошной кадетский синий;
радиус границы: 10 пикселей;
}
сокращение {
стиль шрифта: курсив;
красный цвет ;
вес шрифта: полужирный;
}


<тело>

при написании электронного письма обычно используется PFA

Вывод:

В каждом из приведенных выше примеров попробуйте навести курсор на аббревиатуру, которую мы использовали, т. е. PFA, и посмотрите, как браузер отобразит название, которое мы ему присвоили.

Важные моменты, которые следует помнить

  • Тег поддерживается почти всеми браузерами, включая Google Chrome, Internet Explorer, Safari, Firefox, Opera и т. д. Вывод, создаваемый всеми браузерами, может в некоторых случаях отличаться, но результат тот же.
  • Поскольку для тега нет конкретных атрибутов, мы увидим, как можно стилизовать атрибут (используя доступные глобальные атрибуты) в следующих примерах. Стиль отображения этого элемента по умолчанию — display: inline, и он может варьироваться от браузера к браузеру.
  • Тег можно использовать для предоставления пользователю полной формы или во время определения в конкретном содержимом или, возможно, в случае оформления документа. Не обязательно всегда использовать тег .
  • Атрибут используется для предоставления полной информации или полной формы указанного аббревиатуры в теге <abbr>. Атрибут<title> является необязательным и будет использоваться в начальном теге тега <abbr>.<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/https/schtirlitz.ru/800/600/https/myslide.ru/documents_3/d53b2276212c91357b0efcaad8ed4768/img46.jpg' /><noscript><img loading='lazy' src='/800/600/https/schtirlitz.ru/800/600/https/myslide.ru/documents_3/d53b2276212c91357b0efcaad8ed4768/img46.jpg' /></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/kak-otpravit-dokument-po-el-pochte-otpravka-dokumentov-po-pochte-algoritm-i-vazhnye-osobennosti.html" rel="prev">Как отправить документ по эл почте: Отправка документов по почте: алгоритм и важные особенности.</a></div><div class="nav-next"><a href="https://xn--90abhccf7b.xn--p1ai/raznoe/vidy-tegov-tipy-tegov-htmlbook-ru.html" rel="next">Виды тегов: Типы тегов | htmlbook.ru</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="/html/html-rasshifrovka-abbreviatury-element-abbreviatura-html.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='73229' 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 current-post-ancestor current-menu-parent current-post-parent 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 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> <script defer src="https://xn--90abhccf7b.xn--p1ai/wp-content/cache/autoptimize/js/autoptimize_eacc7423ae55f04fc134551454013fc2.js"></script></body></html>