Css h1: Тег h1 | Справочник HTML CSS

Leave a Comment / Css / By /

Тег h2 h3 h4 h5 h5 h6

HTML5CSS.ru

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

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


Пример

Шесть различных HTML заголовков:

<h2>Это заголовок 1</h2>
<h3>This is heading 2</h3>
<h4>This is heading 3</h4>
<h5>This is heading 4</h5>
<h5>This is heading 5</h5>
<h6>This is heading 6</h6>

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

Теги <h2> to <h6> используются для определения заголовков HTML.

<h2> определяет наиболее важный заголовок. <h6> определяет наименее важный заголовок.

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

Элемент
<h2> — <h6>ДаДаДаДаДа

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

Атрибут «align» не поддерживается в HTML5. Используйте CSS для выравнивания элементов.

Атрибуты

АтрибутЗначениеОписание
alignleft
center
right
justify		Не поддерживается в HTML5.
Задает выравнивание заголовка

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

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

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

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

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

HTML Учебник: HTML Headings

HTML DOM Ссылки: Heading Object

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

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

Пример

h2 {
    display: block;
    font-size: 2em;
    margin-top: 0.67em;
    margin-bottom: 0.67em;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;
}

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

Пример

h3 {
    display: block;
    font-size: 1. 5em;
    margin-top: 0.83em;
    margin-bottom: 0.83em;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;
}

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

Пример

h4 {
    display: block;
    font-size: 1.17em;
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;
}

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

Пример

h5 {
    display: block;
    font-size: 1em;
    margin-top: 1.33em;
    margin-bottom: 1.33em;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;
}

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

Пример

h5 {
    display: block;
    font-size: .83em;
    margin-top: 1. 67em;
    margin-bottom: 1.67em;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;
}

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

Пример

h6 {

    display: block;
    font-size: .67em;
    margin-top: 2.33em;
    margin-bottom: 2.33em;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;
}

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

Популярное

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

Copyright 2018-2020 HTML5CSS.ru

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

HTML теги —

❮ Назад Вперед ❯

Элементы <h2> до <h6> используются для определения 6 уровней заголовков в HTML. Самым главным на странице является заголовок первого уровня (<h2>), а наименее важным — заголовок шестого уровня (<h6>). Чем ниже уровень заголовка, тем меньше размер шрифта.

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

Теги <h2> — <h6> парные, закрывающий тег для них обязателен.

Так как теги <h2> до <h6> блочные, они пишутся с новой строки, а все последующие теги переносятся на следующую строку.

Пример

<!DOCTYPE html>
<html>
   <head>
       <title>Заголовок окна веб-страницы</title>
   </head>
   <body>
      <h2>Заголовок первого уровня</h2>
      <h3>Заголовок второго уровня</h3>
      <h4>Заголовок третьего уровня</h4>
      <h5>Заголовок четвертого уровня</h5>
      <h5>Заголовок пятого уровня</h5>
      <h6>Заголовок шестого уровня</h6>
   </body>
</html>

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

Результат

Теги <h2>-<h6> не должны использоваться для разметки подзаголовков, субтитров, альтернативных заголовков и слоганов, если только они не предназначены для заголовка нового раздела или подраздела.

Поскольку атрибут align не поддерживается в HTML5, вместо него используйте CSS свойства font-size и font-weight.

Теги <h2> to <h6> также поддерживает глобальные атрибуты.

Как добавить стиль к тегу <h2>-<h6> ?

Распространенные свойства для изменения визуальной насыщенности/выделения/размера текста внутри тега <h2>-<h6>:

  • CSS свойство font-style задает стиль шрифта: normal | italic | oblique | initial | inherit
  • CSS свойство font-family создает приоритетный список названий семейства шрифтов и/или общее имя шрифтов для выбранных элементов.
  • CSS свойство font-size задает размер щрифта.
  • CSS свойство font-weight устанавливает насыщенность шрифта.
  • CSS свойство text-transform задает регистр текста (заглавные или строчные буквы).
  • CSS свойство text-decoration устанавливает оформление текста. Оно является сокращенным свойством для text-decoration-line, text-decoration-color, text-decoration-style.

Цвет текста внутри тега <h2>-<h6>:

  • CSS свойство color определяет цвет контента и оформления текста.
  • CSS свойство background-color устанавливает фоновый цвет элемента.

Стили форматирования текста для тега <h2>-<h6>:

  • CSS свойство text-indent указывает размер отступа первой строки в текстовом блоке.
  • CSS свойство text-overflow указывает, как будет отображаться пользователю строчный текст, выходящий за границы блока.
  • CSS свойство white-space указывает, как будут отображены пробелы внутри элемента.
  • CSS свойство word-break указывает перенос строки.

Другие свойства для тега <h2>-<h6>:

  • CSS свойство text-shadow добавляет тень к тексту.
  • CSS свойство text-align-last выравнивает последнюю строку текста.
  • CSS свойство line-height устанавливает межстрочный интервал.
  • CSS свойство letter-spacing устанавливает расстояние между буквами/символами в тексте.
  • CSS свойство word-spacing устанавливает расстояние между словами в тексте.

html — Тело CSS поверх стиля h2

спросил

Изменено 4 года, 8 месяцев назад

Просмотрено 2к раз

Итак, у меня возникла проблема с настройкой файла styles.css и присоединением его к моему файлу index.html.

По какой-то причине тело в файле css переопределяет css h2.

Вот код, простите, если есть какие-то вопиющие ошибки. Я новичок в этом деле.

 ч2 {
стиль шрифта: Грузия;
размер шрифта: 48px;
красный цвет:
}
тело {
    стиль шрифта: Грузия;
    размер шрифта: 14px;
}

и мой html-индекс

 


  <голова>
    личная страница rdhamill на github.<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/luxe-host.ru/wp-content/uploads/4/9/a/49a2b5a4ee5623c9e004a67469aae8db.png' /><noscript><img loading='lazy' src='/800/600/http/luxe-host.ru/wp-content/uploads/4/9/a/49a2b5a4ee5623c9e004a67469aae8db.png' /></noscript>  </название>
</голова>
 <h2><span class="ez-toc-section" id="_Rdhamill_Githubio"> Страница Rdhamill на Github.io </span></h2> 
<тело>
     Здесь я планирую добавить список проектов, достижений, контактную информацию и карьерные цели. Так что следите за обновлениями, и спасибо за всю рыбу.
</тело>
</html>
 </pre><p> Редактировать: спасибо за помощь и извините за очевидные проблемы!</p><ul><li> HTML</li><li> CSS</li></ul><p data-readability-styled="true"> 3</p><p> Во-первых, ваш тег <code> h2 </code> находится вне тела, поместите его внутрь.</p><p> И в дополнение к этому поместите тег <code> link </code> внутрь тега <code> head </code>.</p><p> И в дополнение к этому удалите <code> : </code> с конца атрибута цвета в стиле <code> h2 </code>.</p><p> Все ваши элементы должны находиться внутри тегов <code> head </code> или <code> body </code><center><div class="advv"><ins class="adsbygoogle"
 style="display:inline-block;width:336px;height:280px"
 data-ad-client="ca-pub-1812626643144578"
 data-ad-slot="9935184599"></ins> <script>(adsbygoogle=window.adsbygoogle||[]).push({});</script></div></center><center><div class="advv"><ins class="adsbygoogle"
 style="display:inline-block;width:336px;height:280px"
 data-ad-client="ca-pub-1812626643144578"
 data-ad-slot="9935184599"></ins> <script>(adsbygoogle=window.adsbygoogle||[]).push({});</script></div></center>. См. фрагмент ниже, чтобы увидеть, где находятся ваши элементы. Текст внутри тега <code> p </code> просто немного подчистил его.</p><p> edit: согласно приведенному выше комментарию Dude Coder, исправлено объявление CSS.<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/foxyforex.ru/wp-content/uploads/2015/10/90.png' /><noscript><img loading='lazy' src='/800/600/http/foxyforex.ru/wp-content/uploads/2015/10/90.png' /></noscript> Убедитесь, что они всегда заканчиваются точкой с запятой, а не двоеточием.</p><p> Также изменено <code> font-style </code> на <code> font-family </code> , которое нужно установить только в теле (в этом случае все потомки будут наследовать его, пока он не будет изменен в другом месте).</p><pre> ч2 {
размер шрифта: 48px;
красный цвет;
}

тело {
семейство шрифтов: Грузия;
размер шрифта: 14px;
} </pre><pre> <!DOCTYPE html>
<html>
<голова>
<title>личная страница rdhamill на github. </название>
<link rel="stylesheet" href="styles.css">
</голова>
<тело>
 <h2><span class="ez-toc-section" id="_Rdhamill_Githubio-2"> Страница Rdhamill на Github.io </span></h2> 
<p>Здесь я планирую добавить список проектов, достижений, контактную информацию и карьерные цели. Так что следите за обновлениями, и спасибо за рыбу.</p><div id="yandex_rtb_2" class="yandex-adaptive classYandexRTB"></div> <script type="text/javascript">if(rtbW>=960){var rtbBlockID="R-A-744004-3";}
else{var rtbBlockID="R-A-744004-5";}
window.yaContextCb.push(()=>{Ya.Context.AdvManager.render({renderTo:"yandex_rtb_2",blockId:rtbBlockID,pageNumber:2,onError:(data)=>{var g=document.createElement("ins");g.className="adsbygoogle";g.style.display="inline";if(rtbW>=960){g.style.width="580px";g.style.height="400px";g.setAttribute("data-ad-slot","9935184599");}else{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",stroke2);document.getElementById("yandex_rtb_2").appendChild(g);(adsbygoogle=window.adsbygoogle||[]).push({});}})});window.addEventListener("load",()=>{var ins=document.getElementById("yandex_rtb_2");if(ins.clientHeight =="0"){ins.innerHTML=stroke3;}},true);</script> </тело>
</html> </pre><p> Ваш HTML слишком сложен, чтобы старый браузер мог его правильно понять и отобразить. <code><h2></h2></code> должен быть помещен внутри <code><body> </code> . <code><link> </code> должен быть помещен внутри <code><head> </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/delaymania.com/wp/wp-content/uploads/2012/08/blog_css_h-eyecatch-640x640.jpg' /><noscript><img loading='lazy' src='/800/600/http/delaymania.com/wp/wp-content/uploads/2012/08/blog_css_h-eyecatch-640x640.jpg' /></noscript> В вашем CSS также есть опечатка. Либо отпустите последнее двоеточие в цвете <code>: красный </code>, либо введите точку с запятой; двоеточие не сработает.</p><p> Назад к основной теме:</p><p> Браузер (современный) автоматически ставит <code><h2></h2> </code> внутри <code><body> </code> и <code><link> </code> внутри <code><head> </code> . И согласно W3C, когда вы определяете один и тот же стиль для элемента и его дочернего элемента, стиль, определенный для дочернего элемента, имеет приоритет над стилем, определенным для родительского элемента. Следовательно, ваше правило <code> body </code> равно <strong>, а не </strong>, переопределяющему <code> h2 </code> . Проблема типографская: вы набрали <code> : </code> вместо <code> ; </code></p><pre> h2 {
  семейство шрифтов: Грузия;
  размер шрифта: 48px;
  красный цвет;
}

тело {
  семейство шрифтов: Грузия;
  размер шрифта: 14px;
} </pre><pre> <!DOCTYPE HTML>

<html>
<голова>
  <title>личная страница rdhamill на github. </название>
</голова>
<тело>
   <h2><span class="ez-toc-section" id="_Rdhamill_Github"> Страница Rdhamill на Github.</span></h2><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.stack.imgur.com/A93cx.png' /><noscript><img loading='lazy' src='/800/600/http/i.stack.imgur.com/A93cx.png' /></noscript> io </h2> 
  Здесь я планирую добавить список проектов, достижений, контактную информацию и карьерные цели. Так что следите за обновлениями, и спасибо за всю рыбу.
</тело><center><ins class="adsbygoogle"
     style="display:block; text-align:center;"
     data-ad-layout="in-article"
     data-ad-format="fluid"
     data-ad-client="ca-pub-1812626643144578"
     data-ad-slot="4491286225"></ins> <script>(adsbygoogle=window.adsbygoogle||[]).push({});</script></center>

</html> </pre><p> Одно примечание: я заменил <code> стиль шрифта </code> на <code> семейство шрифтов </code> . Чтобы указать шрифт, используйте <code> font-family </code>. <code> стиль шрифта </code> используется для улучшений (курсив, подчеркивание и т. д.).</p><h4><span class="ez-toc-section" id="i-22"> Зарегистрируйтесь или войдите в систему </span></h4><p data-readability-styled="true"> Зарегистрируйтесь с помощью Google</p><p data-readability-styled="true"> Зарегистрироваться через Facebook</p><p data-readability-styled="true"> Зарегистрируйтесь, используя электронную почту и пароль</p><h4><span class="ez-toc-section" id="i-23"> Опубликовать как гость </span></h4><p data-readability-styled="true"> Электронная почта</p><p> Обязательно, но не отображается</p><p data-readability-styled="true"/><h4><span class="ez-toc-section" id="i-24"> Опубликовать как гость </span></h4><p data-readability-styled="true"><div id="yandex_rtb_1" class="yandex-adaptive classYandexRTB"></div> <script type="text/javascript">if(rtbW>=960){var rtbBlockID="R-A-744004-3";}
else{var rtbBlockID="R-A-744004-5";}
window.yaContextCb.push(()=>{Ya.Context.AdvManager.render({renderTo:"yandex_rtb_1",blockId:rtbBlockID,pageNumber:1,onError:(data)=>{var g=document.createElement("ins");g.className="adsbygoogle";g.style.display="inline";if(rtbW>=960){g.style.width="580px";g.style.height="400px";g.setAttribute("data-ad-slot","9935184599");}else{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",stroke2);document.getElementById("yandex_rtb_1").appendChild(g);(adsbygoogle=window.adsbygoogle||[]).push({});}})});window.addEventListener("load",()=>{var ins=document.getElementById("yandex_rtb_1");if(ins.clientHeight =="0"){ins.innerHTML=stroke3;}},true);</script> Электронная почта</p><p> Требуется, но не отображается</p><h2><span class="ez-toc-section" id="HTML-2"> HTML | для выравнивания атрибута </span></h2><p> улучшить статью</p><p> Сохранить статью</p><ul><li> Уровень сложности:
Базовый</li><li> Последнее обновление:
25 фев, 2022</li></ul><p><li> Читать</li><li> Обсудить</li></p><p> Улучшить статью</p><p> Сохранить статью</p><p> HTML-атрибут <b><h2><span class="ez-toc-section" id="to"> to </span></h2><h6><span class="ez-toc-section" id="align"> align </span></h6> </b> используется для указания выравнивания элемента <h> или содержимого внутри элемента заголовка.<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/slideplayer.info/slide/11854779/66/images/6/Jenis+Jenis+Selector+CSS.jpg' /><noscript><img loading='lazy' src='/800/600/http/slideplayer.info/slide/11854779/66/images/6/Jenis+Jenis+Selector+CSS.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/css/jquery-css-color-background-css-how-to-set-background-color-in-jquery.html" rel="prev">Jquery css color background: css — How to set background color in jquery</a></div><div class="nav-next"><a href="https://xn--90abhccf7b.xn--p1ai/raznoe/kak-rabotat-po-udalenke-gde-najti-udalennuyu-rabotu-novichku-s-chego-nachat-rabotat-bez-opyta.html" rel="next">Как работать по удаленке: Где найти удаленную работу новичку, с чего начать работать без опыта</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="/css/css-h1-teg-h1-spravochnik-html-css.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='55541' 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 current-post-ancestor current-menu-parent current-post-parent 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 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><script src="/cdn-cgi/scripts/7d0fa10a/cloudflare-static/rocket-loader.min.js" data-cf-settings="d1584d9cc46fa63af18d734e-|49" defer></script>