Что такое H1 и почему он важен
Разбираясь, что такое заголовок h1, стоит начать с его базового определения. В HTML-коде это главный тег, который задаёт тему страницы. Разница между ним и обычным
проста: первый видят люди на сайте, второй — поисковики в выдаче. Многие путают, <em>заголовок h1 что это</em> на самом деле — это не просто крупный текст, а сигнал для Яндекса о релевантности материала запросу пользователя.</p>
<p>Если коротко, <em>что такое заголовок h1</em> — это ориентир для робота и читателя. Он должен быть уникальным, отражать суть и содержать главный ключ (но без переспама). Ошибки в его оформлении (например, несколько H1 на одной странице) могут снизить позиции в поиске.</p>
<h3>Определение и роль заголовка первого уровня</h3>
<figure style="margin:18px auto;text-align:center;"><img decoding="async" src="https://avatars.mds.yandex.net/i?id=403f2559aafeecc65c5521e520ab5c16875554a0-10085718-images-thumbs&n=13" style="max-width:600px;width:100%;height:auto;display:block;margin:0 auto;border-radius:10px;" title="Заголовки H1-H6: что это такое, и как их правильно использовать? SEO-блог компан - изображение номер один" alt="Заголовки H1-H6: что это такое, и как их правильно использовать? SEO-блог компан - изображение номер один" /><figcaption style="font-size:13px;color:#666;margin-top:6px;">Заголовки H1-H6: что это такое, и как их правильно использовать? SEO-блог компан — изображение номер один</figcaption></figure>
<p>В структуре HTML-документа <b>заголовок 1 уровня</b> играет роль основного ориентира. Он задаёт тему всей страницы и является самым значимым элементом для поисковых систем. Именно эту фразу пользователь видит в выдаче Яндекса, поэтому её формулировка напрямую влияет на кликабельность.</p>
<table style="width:100%;border-collapse:collapse;margin:20px 0;border:1px solid #cfcfcf;">
<tr>
<th style="border:1px solid #cfcfcf;padding:10px;background:#f5f5f5;text-align:left;vertical-align:top;">Функция</th>
<th style="border:1px solid #cfcfcf;padding:10px;background:#f5f5f5;text-align:left;vertical-align:top;">Описание</th>
</tr>
<tr>
<td style="border:1px solid #cfcfcf;padding:10px;vertical-align:top;">Смысловая</td>
<td style="border:1px solid #cfcfcf;padding:10px;vertical-align:top;">Обозначает главную мысль материала</td>
</tr>
<tr>
<td style="border:1px solid #cfcfcf;padding:10px;vertical-align:top;">Поисковая</td>
<td style="border:1px solid #cfcfcf;padding:10px;vertical-align:top;">Помогает роботам Яндекса понять релевантность</td>
</tr>
</table>
<h3>Отличие H1 от title и H2</h3>
<figure style="margin:18px auto;text-align:center;"><img decoding="async" src="https://avatars.mds.yandex.net/i?id=286bbdf2cc2df60a7a9868f0d8738a35df0e813f-3493887-images-thumbs&n=13" style="max-width:600px;width:100%;height:auto;display:block;margin:0 auto;border-radius:10px;" title="SEO для разработчиков: что нужно знать программистам в 2024 году - изображение номер два" alt="SEO для разработчиков: что нужно знать программистам в 2024 году - изображение номер два" /><figcaption style="font-size:13px;color:#666;margin-top:6px;">SEO для разработчиков: что нужно знать программистам в 2024 году — изображение номер два</figcaption></figure>
<p>Разобраться в иерархии <strong>заголовков h1 h6</strong> несложно, если запомнить их назначение. H1 — это заголовок страницы, видимый пользователю, а title — её название во вкладке браузера и в выдаче поисковика. H2 же служит для разбивки текста на логические блоки.</p>
<table style="width:100%;border-collapse:collapse;margin:20px 0;border:1px solid #cfcfcf;">
<tr>
<th style="border:1px solid #cfcfcf;padding:10px;background:#f5f5f5;text-align:left;vertical-align:top;">Элемент</th>
<th style="border:1px solid #cfcfcf;padding:10px;background:#f5f5f5;text-align:left;vertical-align:top;">Где отображается</th>
<th style="border:1px solid #cfcfcf;padding:10px;background:#f5f5f5;text-align:left;vertical-align:top;">Главная функция</th>
</tr>
<tr>
<td style="border:1px solid #cfcfcf;padding:10px;vertical-align:top;">H1</td>
<td style="border:1px solid #cfcfcf;padding:10px;vertical-align:top;">На странице</td>
<td style="border:1px solid #cfcfcf;padding:10px;vertical-align:top;">Обозначает тему статьи</td>
</tr>
<tr>
<td style="border:1px solid #cfcfcf;padding:10px;vertical-align:top;">Title</td>
<td style="border:1px solid #cfcfcf;padding:10px;vertical-align:top;">Вкладка и сниппет</td>
<td style="border:1px solid #cfcfcf;padding:10px;vertical-align:top;">Привлекает клики из поиска</td>
</tr>
<tr>
<td style="border:1px solid #cfcfcf;padding:10px;vertical-align:top;">H2</td>
<td style="border:1px solid #cfcfcf;padding:10px;vertical-align:top;">В тексте</td>
<td style="border:1px solid #cfcfcf;padding:10px;vertical-align:top;">Структурирует контент</td>
</tr>
</table>
<p>В отличие от H2, который может повторяться, H1 на странице должен быть единственным. Title же технически не является частью видимого контента, хотя и влияет на ранжирование.</p>
<h2>Полная структура заголовков H1-H6</h2>
<p>Иерархия HTML-заголовков, или <strong>структура h1 h6 заголовков</strong>, определяет скелет страницы для поисковиков. Она напоминает оглавление книги: от главного тезиса до мелких подразделов.</p>
<ul>
<li><strong>H1</strong> — единственный на странице, отражает суть.</li>
<li><strong>H2</strong> — ключевые разделы.</li>
<li><strong>H3</strong> — подпункты к H2.</li>
<li><strong>H4-H6</strong> — детализация более низкого уровня.</li>
</ul>
<p>При нарушении логики (например, H3 без H2) Яндекс может посчитать текст нерелевантным запросу. Правильная вложенность помогает роботу быстрее индексировать контент.</p>
<h3>Иерархия и правила вложенности</h3>
<figure style="margin:18px auto;text-align:center;"><img decoding="async" src="https://avatars.mds.yandex.net/i?id=2e4df72da156b81f4450af5d00de8c44_l-3730871-images-thumbs&n=13" style="max-width:600px;width:100%;height:auto;display:block;margin:0 auto;border-radius:10px;" title="Что такое h1-h6 и для чего они нужны ⋆ Юрком-Консалтинг ⋆ c 1993 - изображение номер три" alt="Что такое h1-h6 и для чего они нужны ⋆ Юрком-Консалтинг ⋆ c 1993 - изображение номер три" /><figcaption style="font-size:13px;color:#666;margin-top:6px;">Что такое h1-h6 и для чего они нужны ⋆ Юрком-Консалтинг ⋆ c 1993 — изображение номер три</figcaption></figure>
<p>В любой структуре важен порядок. Подчинённость элементов здесь строится по принципу «от общего к частному». Первый уровень — самый широкий, он задаёт тему. Дальше идут уточняющие блоки. Нельзя перескакивать через ступень: например, вкладывать подраздел четвёртого порядка сразу в заголовок первого. Это ломает логику навигации.</p>
<p>Основные правила:</p>
<ul>
<li>Каждый следующий уровень уже предыдущего по смыслу.</li>
<li>Заголовок<br />
<h3> может идти только после </p>
<h2>.</li>
<li>Пропуск уровня (например, сразу после<br />
<h2> поставить </p>
<h4>) считается ошибкой.</li>
</ul>
<p>Соблюдение этих норм делает текст читаемым как для людей, так и для поисковых роботов.</p>
<h3>Примеры правильной разметки на странице</h3>
<figure style="margin:18px auto;text-align:center;"><img decoding="async" src="https://avatars.mds.yandex.net/i?id=7eeafd1e638b688abec5a44744dee6c2_l-10850090-images-thumbs&n=13" style="max-width:600px;width:100%;height:auto;display:block;margin:0 auto;border-radius:10px;" title="Заголовки H1-H6: что такое и как прописать - изображение номер четыре" alt="Заголовки H1-H6: что такое и как прописать - изображение номер четыре" /><figcaption style="font-size:13px;color:#666;margin-top:6px;">Заголовки H1-H6: что такое и как прописать — изображение номер четыре</figcaption></figure>
<p>Корректная иерархия заголовков строится от H1 к H6 без пропусков уровней. Для списков применяют теги <code><ul></code> или <code><ol></code>, а таблицы обрамляют в <code><table></code> с явным указанием <code><th></code> для шапки. Каждый <code><img></code> обязан содержать атрибут <code>alt</code>.</p>
<p>Пример простой структуры:</p>
<ul>
<li>H1: «Руководство по HTML»</li>
<li>H2: «Основные теги»</li>
<li>H3: «Таблицы» — внутри <code><table></code> с <code><tr></code> и <code><td></code></li>
</ul>
<h2>Как правильно оформить H1</h2>
<figure style="margin:18px auto;text-align:center;"><img decoding="async" src="https://avatars.mds.yandex.net/i?id=40bc933425264192d54cb52ef51febb8_l-5876004-images-thumbs&n=13" style="max-width:600px;width:100%;height:auto;display:block;margin:0 auto;border-radius:10px;" title="Теги h1 - h6, p: гайд по уровням HTML-заголовков и текстовым блокам / Skillbox M - изображение номер пять" alt="Теги h1 - h6, p: гайд по уровням HTML-заголовков и текстовым блокам / Skillbox M - изображение номер пять" /><figcaption style="font-size:13px;color:#666;margin-top:6px;">Теги h1 — h6, p: гайд по уровням HTML-заголовков и текстовым блокам / Skillbox M — изображение номер пять</figcaption></figure>
<p>Заголовок верхнего уровня служит визитной карточкой страницы. Он должен чётко отражать суть материала. Не стоит делать его слишком длинным или перегружать лишними словами.</p>
<ul>
<li>Используйте уникальную формулировку для каждого документа на сайте.</li>
<li>Размещайте H1 в самом верху контентной области.</li>
<li>Убедитесь, что он логично связан с последующими подзаголовками.</li>
</ul>
<p>Избегайте дублирования с тегом title, но сохраняйте смысловое единство. Главное — чтобы пользователь сразу понимал, о чём пойдёт речь.</p>
<h3>Требования к длине и уникальности</h3>
<figure style="margin:18px auto;text-align:center;"><img decoding="async" src="https://avatars.mds.yandex.net/i?id=69769539233c1d48984cdee580ea30e0_sr-5869421-images-thumbs&n=13" style="max-width:600px;width:100%;height:auto;display:block;margin:0 auto;border-radius:10px;" title="Заголовки H1 H6 для SEO - YouTube - изображение номер шесть" alt="Заголовки H1 H6 для SEO - YouTube - изображение номер шесть" /><figcaption style="font-size:13px;color:#666;margin-top:6px;">Заголовки H1 H6 для SEO — YouTube — изображение номер шесть</figcaption></figure>
<p>При подготовке материалов для IT-изданий критически важны два параметра: объём текста и его оригинальность. Оптимальная длина новостной заметки обычно варьируется от 1500 до 2500 знаков с пробелами — этого достаточно, чтобы раскрыть суть события, не перегружая читателя. Однако для глубоких аналитических статей порог может подниматься до 5000 знаков.</p>
<ul>
<li><strong>Уникальность</strong>: система Антиплагиат.ВУЗ или Text.ru должны показывать не менее 85–90% авторского текста. Пересказ официальных релизов без переработки считается низкокачественным контентом.</li>
<li><strong>Проверка на водянистость</strong>: избегайте шаблонных фраз вроде «как известно», «стоит отметить». Каждое предложение должно нести смысловую нагрузку.</li>
<li><strong>Технические нормы</strong>: для Яндекса важна естественная речь — не злоупотребляйте прямыми вхождениями запросов. Лучше перефразировать мысль, чем повторять ключевое слово трижды в одном абзаце.</li>
</ul>
<h3>Типичные ошибки при создании</h3>
<figure style="margin:18px auto;text-align:center;"><img decoding="async" src="https://avatars.mds.yandex.net/i?id=19f3633b63b0f1f62d5dd09bf55930b8_l-4577698-images-thumbs&n=13" style="max-width:600px;width:100%;height:auto;display:block;margin:0 auto;border-radius:10px;" title="Заголовки h1–h6: зачем нужны, как использовать и почему это важно - изображение номер семь" alt="Заголовки h1–h6: зачем нужны, как использовать и почему это важно - изображение номер семь" /><figcaption style="font-size:13px;color:#666;margin-top:6px;">Заголовки h1–h6: зачем нужны, как использовать и почему это важно — изображение номер семь</figcaption></figure>
<p>Главный промах — игнорирование специфики платформы. Новички часто копируют чужие решения без адаптации, забывая про уникальные требования. В итоге конструкция работает нестабильно.</p>
<ul>
<li>Отсутствие тестирования на разных устройствах — частая недоработка.</li>
<li>Избыточная сложность кода, когда хватает простого подхода.</li>
</ul>
<p>Также нередко забывают про резервное копирование проекта на промежуточных этапах. Это критично: один неверный шаг — и всё приходится переделывать с нуля.</p>
<h2>Влияние заголовков на SEO</h2>
<p>Правильно построенные заголовки — это каркас, по которому поисковые системы оценивают релевантность страницы. Иерархия H1–H6 даёт роботам понять, о чём текст и какие блоки наиболее значимы. По данным Google, чёткая структура улучшает ранжирование, однако прямой корреляции с позициями нет — заголовки работают в связке с контентом и метаданными.</p>
<p>Для пользователя заголовки — это навигация: они разбивают материал на логические сегменты, удерживая внимание. Исследования Nielsen Norman Group показывают, что 79% посетителей сначала сканируют заголовки, а не читают текст целиком. Поэтому каждый уровень должен быть информативным и отвечать на потенциальные вопросы читателя.</p>
<ul>
<li>H1 — единственный на странице, отражает главную тему.</li>
<li>H2 — основные смысловые блоки.</li>
<li>H3 и ниже — уточнения и детали.</li>
</ul>
<p>Переспам ключей в заголовках снижает доверие поисковиков. Яндекс в руководствах для вебмастеров рекомендует естественное вписывание фраз. Лучше сделать заголовок полезным для человека, чем пытаться обмануть алгоритмы — последнее чревато санкциями.</p>
<h3>Учёт поисковыми системами</h3>
<figure style="margin:18px auto;text-align:center;"><img decoding="async" src="https://avatars.mds.yandex.net/i?id=1d2b2c8441c37243b35cbdb1747e98cf_l-5262308-images-thumbs&n=13" style="max-width:600px;width:100%;height:auto;display:block;margin:0 auto;border-radius:10px;" title="Заголовки H1 - H6: что это, примеры правильной иерархии заголовков - изображение номер восемь" alt="Заголовки H1 - H6: что это, примеры правильной иерархии заголовков - изображение номер восемь" /><figcaption style="font-size:13px;color:#666;margin-top:6px;">Заголовки H1 — H6: что это, примеры правильной иерархии заголовков — изображение номер восемь</figcaption></figure>
<p>Алгоритмы Яндекса и Google по-разному интерпретируют подобные конструкции. Для одних важна семантическая близость терминов, для других — точное вхождение фразы. В результате одна и та же страница может занимать разные позиции в выдаче.</p>
<table style="width:100%;border-collapse:collapse;margin:20px 0;border:1px solid #cfcfcf;">
<tr>
<th style="border:1px solid #cfcfcf;padding:10px;background:#f5f5f5;text-align:left;vertical-align:top;">Система</th>
<th style="border:1px solid #cfcfcf;padding:10px;background:#f5f5f5;text-align:left;vertical-align:top;">Особенность ранжирования</th>
</tr>
<tr>
<td style="border:1px solid #cfcfcf;padding:10px;vertical-align:top;">Яндекс</td>
<td style="border:1px solid #cfcfcf;padding:10px;vertical-align:top;">Анализирует синонимичные ряды и LSI-фразы</td>
</tr>
<tr>
<td style="border:1px solid #cfcfcf;padding:10px;vertical-align:top;">Google</td>
<td style="border:1px solid #cfcfcf;padding:10px;vertical-align:top;">Учитывает поведенческие факторы и релевантность сниппета</td>
</tr>
</table>
<p>Рекомендуется следить за обновлениями алгоритмов, чтобы корректировать стратегию продвижения.</p>
<h3>Связь с поведенческими факторами</h3>
<figure style="margin:18px auto;text-align:center;"><img decoding="async" src="https://avatars.mds.yandex.net/i?id=85c11e74bb114560bcd01287042bd746_l-3765206-images-thumbs&n=13" style="max-width:600px;width:100%;height:auto;display:block;margin:0 auto;border-radius:10px;" title="Введение в язык разметки HTML - презентация онлайн - изображение номер девять" alt="Введение в язык разметки HTML - презентация онлайн - изображение номер девять" /><figcaption style="font-size:13px;color:#666;margin-top:6px;">Введение в язык разметки HTML — презентация онлайн — изображение номер девять</figcaption></figure>
<p>Взаимодействие пользователя с ресурсом напрямую влияет на ранжирование. Если посетитель быстро покидает страницу — это сигнал для поисковой системы о низком качестве контента.</p>
<ul>
<li>Длительность сессии возрастает при наличии структурированной подачи информации.</li>
<li>Кликабельность элементов улучшается за счёт понятной навигации.</li>
</ul>
<p>Таким образом, грамотная компоновка данных косвенно повышает позиции в выдаче.</p>
</div><div class="newsx-static-sharing newsx-s0"><div class="newsx-post-sharing"><div class="sharing-header"><span class="newsx-svg-icon newsx-inline-flex"><svg fill='currentColor' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M503.691 189.836L327.687 37.851C312.281 24.546 288 35.347 288 56.015v80.053C127.371 137.907 0 170.1 0 322.326c0 61.441 39.581 122.309 83.333 154.132 13.653 9.931 33.111-2.533 28.077-18.631C66.066 312.814 132.917 274.316 288 272.085V360c0 20.7 24.3 31.453 39.687 18.164l176.004-152c11.071-9.562 11.086-26.753 0-36.328z'></path></svg></span><span>Share this Article</span></div><div class="sharing-icons"><a class="facebook-share" target="_blank" href="https://www.facebook.com/sharer/sharer.php?u=https://uchitel-program.ru/chto-takoe-h1-i-h6-polnyi-gid-po-zagolovkam-1-urovnia/" rel="nofollow"><span class="newsx-svg-icon newsx-inline-flex"><svg fill='currentColor' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'><path d='M279.14 288l14.22-92.66h-88.91v-60.13c0-25.35 12.42-50.06 52.24-50.06h40.42V6.26S260.43 0 225.36 0c-73.22 0-121.08 44.38-121.08 124.72v70.62H22.89V288h81.39v224h100.17V288z'></path></svg></span></a><a class="x-twitter-share" target="_blank" href="https://twitter.com/intent/tweet?text=%D0%A7%D1%82%D0%BE+%D1%82%D0%B0%D0%BA%D0%BE%D0%B5+H1+%D0%B8+H6%3A+%D0%BF%D0%BE%D0%BB%D0%BD%D1%8B%D0%B9+%D0%B3%D0%B8%D0%B4+%D0%BF%D0%BE+%D0%B7%D0%B0%D0%B3%D0%BE%D0%BB%D0%BE%D0%B2%D0%BA%D0%B0%D0%BC+1+%D1%83%D1%80%D0%BE%D0%B2%D0%BD%D1%8F&url=https%3A%2F%2Fuchitel-program.ru%2Fchto-takoe-h1-i-h6-polnyi-gid-po-zagolovkam-1-urovnia%2F&via=%D0%A3%D1%87%D0%B8%D1%82%D0%B5%D0%BB%D1%8C-%D0%9F%D1%80%D0%BE" rel="nofollow"><span class="newsx-svg-icon newsx-inline-flex"><svg fill='currentColor' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M18.244 2.25H21.552L14.325 10.51L22.827 21.75H16.17L10.956 14.933L4.99 21.75H1.68L9.41 12.915L1.254 2.25H8.08L12.793 8.481L18.244 2.25ZM17.083 19.77H18.916L7.084 4.126H5.117L17.083 19.77Z'/></svg></span></a><a class="copy-share" target="_blank" href="https://uchitel-program.ru/chto-takoe-h1-i-h6-polnyi-gid-po-zagolovkam-1-urovnia/" data-copied="Скопировано!" data-tooltip="Копировать ссылку" data-gravity="s" rel="nofollow"><span class="newsx-svg-icon newsx-inline-flex"><svg fill='currentColor' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z'></path></svg></span></a><a class="print-share" href="javascript:if(window.print)window.print()" data-tooltip="Распечатать новость" data-gravity="s" rel="nofollow"><span class="newsx-svg-icon newsx-inline-flex"><svg fill='currentColor' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M448 192V77.25c0-8.49-3.37-16.62-9.37-22.63L393.37 9.37c-6-6-14.14-9.37-22.63-9.37H96C78.33 0 64 14.33 64 32v160c-35.35 0-64 28.65-64 64v112c0 8.84 7.16 16 16 16h48v96c0 17.67 14.33 32 32 32h320c17.67 0 32-14.33 32-32v-96h48c8.84 0 16-7.16 16-16V256c0-35.35-28.65-64-64-64zm-64 256H128v-96h256v96zm0-224H128V64h192v48c0 8.84 7.16 16 16 16h48v96zm48 72c-13.25 0-24-10.75-24-24 0-13.26 10.75-24 24-24s24 10.74 24 24c0 13.25-10.75 24-24 24z'></path></svg></span></a></div></div></div><div class="newsx-post-sources"></div><div class="newsx-post-navigation newsx-flex-nowrap newsx-s0-nr"><a href="https://uchitel-program.ru/json-rasshifrovka-abbreviatury-metody-raboty-v-js/" class="prev-post newsx-flex-nowrap" ><span class="newsx-flex"><span class="newsx-svg-icon newsx-inline-flex"><svg fill='currentColor' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'><path d='M34.52 239.03L228.87 44.69c9.37-9.37 24.57-9.37 33.94 0l22.67 22.67c9.36 9.36 9.37 24.52.04 33.9L131.49 256l154.02 154.75c9.34 9.38 9.32 24.54-.04 33.9l-22.67 22.67c-9.37 9.37-24.57 9.37-33.94 0L34.52 272.97c-9.37-9.37-9.37-24.57 0-33.94z'></path></svg></span>Previous Article</span><div class="newsx-flex-nowrap"><img width="150" height="150" src="https://uchitel-program.ru/wp-content/uploads/2026/07/post-2242-thumb-150x150.jpg" class="attachment-thumbnail size-thumbnail wp-post-image" alt="" decoding="async" /><h4>JSON расшифровка аббревиатуры: методы работы в JS</h4></div></a><span class="newsx-divider"></span><a href="https://uchitel-program.ru/doctype-html-shablon-chto-eto-i-kakuiu-rol-vypolniaet/" class="next-post newsx-flex-nowrap" ><span class="newsx-flex">Next Article<span class="newsx-svg-icon newsx-inline-flex"><svg fill='currentColor' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'><path d='M285.476 272.971L91.132 467.314c-9.373 9.373-24.569 9.373-33.941 0l-22.667-22.667c-9.357-9.357-9.375-24.522-.04-33.901L188.505 256 34.484 101.255c-9.335-9.379-9.317-24.544.04-33.901l22.667-22.667c9.373-9.373 24.569-9.373 33.941 0L285.475 239.03c9.373 9.372 9.373 24.568.001 33.941z'></path></svg></span></span><div class="newsx-flex-nowrap"><h4>Doctype HTML шаблон: что это и какую роль выполняет</h4><img width="150" height="150" src="https://uchitel-program.ru/wp-content/uploads/2026/07/post-2248-thumb-150x150.jpg" class="attachment-thumbnail size-thumbnail wp-post-image" alt="" decoding="async" /></div></a></div><div class="newsx-post-author-box newsx-flex-nowrap newsx-s4"><div class="box-header newsx-flex"><div class="author-avatar"><img alt='' src='https://uchitel-program.ru/wp-content/uploads/2026/08/avatar-viktoriya.png' srcset='https://uchitel-program.ru/wp-content/uploads/2026/08/avatar-viktoriya.png 2x' class='avatar avatar-100 photo' height='100' width='100' decoding='async'/></div><div class="author-info newsx-flex"><div class="newsx-flex"><a href="https://uchitel-program.ru/author/viktoriya/" class="author-name">Viktoriya</a></div></div></div><div class="box-content"><div class="author-socials"></div></div></div>
<div class="newsx-related-posts-wrap">
<h4>Related Posts</h4>
<div class="newsx-related-posts newsx-col-3">
<section>
<a href="https://uchitel-program.ru/glava-anthropic-prizval-zamedlit-razvitie-ii-i-predlozhil-tri-strategii/"><img width="330" height="220" src="https://uchitel-program.ru/wp-content/uploads/2026/09/glava-anthropic-prizval-zamedlit-razvitie-ii-i-predlozhil-tri-strategii-330x220.jpg" class="attachment-newsx-330x220 size-newsx-330x220 wp-post-image" alt="Глава Anthropic призвал замедлить развитие ИИ и предложил три стратегии" decoding="async" /></a>
<h5>
<a href="https://uchitel-program.ru/glava-anthropic-prizval-zamedlit-razvitie-ii-i-predlozhil-tri-strategii/">
Почему глава Anthropic призвал замедлить развитие ИИ </a>
</h5>
<span class="post-date">12/09/2026</span>
</section>
<section>
<a href="https://uchitel-program.ru/revolut-raskryl-dannye-klientov-posle-moshennicheskih-zaprosov-ot-imeni-gosagentstva/"><img width="330" height="220" src="https://uchitel-program.ru/wp-content/uploads/2026/09/revolut-raskryl-dannye-klientov-posle-moshennicheskih-zaprosov-ot-imeni-gosagentstva-330x220.jpg" class="attachment-newsx-330x220 size-newsx-330x220 wp-post-image" alt="Revolut раскрыл данные клиентов после мошеннических запросов от имени госагентства" decoding="async" /></a>
<h5>
<a href="https://uchitel-program.ru/revolut-raskryl-dannye-klientov-posle-moshennicheskih-zaprosov-ot-imeni-gosagentstva/">
Revolut подтвердил утечку данных клиентов из-за поддельных запрос ... </a>
</h5>
<span class="post-date">12/09/2026</span>
</section>
<section>
<a href="https://uchitel-program.ru/cerberus-weglobal-ai-i-looq-pobedili-v-finale-road-to-techcrunch-v-centralnoy-evrazii/"><img width="330" height="220" src="https://uchitel-program.ru/wp-content/uploads/2026/09/cerberus-weglobal-ai-i-looq-pobedili-v-finale-road-to-techcrunch-v-centralnoy-evrazii-330x220.jpg" class="attachment-newsx-330x220 size-newsx-330x220 wp-post-image" alt="Cerberus, WeGlobal AI и LOOQ победили в финале Road to TechCrunch в Центральной Евразии" decoding="async" /></a>
<h5>
<a href="https://uchitel-program.ru/cerberus-weglobal-ai-i-looq-pobedili-v-finale-road-to-techcrunch-v-centralnoy-evrazii/">
Кто победил в Road to TechCrunch Startup Battlefield 2026 в Центр ... </a>
</h5>
<span class="post-date">12/09/2026</span>
</section>
</div>
</div>
</article>
</div><!-- .newsx-single-content-wrap -->
</div><!-- #primary -->
<div class="newsx-sidebar widget-area secondary newsx-general-sidebar">
<section id="newsx_featured_posts-2" class="newsx-widget widget newsx-featured-posts-widget"><div class="newsx-widget-title-wrap newsx-flex newsx-s0"><h3 class="newsx-widget-title"><span class="newsx-widget-title-text">ТЕСТЫ</span></h3></div><div class="newsx-featured-posts"><article class="newsx-post newsx-flex-nowrap"><div class="newsx-post-image"><span class="newsx-post-index">1</span><a href="https://uchitel-program.ru/test-5-proverka-znaniya-tegov-html/"><img width="150" height="100" src="https://uchitel-program.ru/wp-content/uploads/2026/07/test-cover-html-150x100.png" class="attachment-newsx-150x100 size-newsx-150x100 wp-post-image" alt="" decoding="async" /></a></div><div class="newsx-post-meta newsx-flex"><h6><a href="https://uchitel-program.ru/test-5-proverka-znaniya-tegov-html/" class="newsx-underline-hover">Тест 5. Проверка знания тегов</a></h6><span>31/07/2026</span></div></article><article class="newsx-post newsx-flex-nowrap"><div class="newsx-post-image"><span class="newsx-post-index">2</span><a href="https://uchitel-program.ru/test-4-com-portyi-rabota-treem/"><img width="150" height="100" src="https://uchitel-program.ru/wp-content/uploads/2026/07/test-cover-purebasic-150x100.png" class="attachment-newsx-150x100 size-newsx-150x100 wp-post-image" alt="" decoding="async" /></a></div><div class="newsx-post-meta newsx-flex"><h6><a href="https://uchitel-program.ru/test-4-com-portyi-rabota-treem/" class="newsx-underline-hover">Тест 4. COM порты, работа с треем</a></h6><span>31/07/2026</span></div></article><article class="newsx-post newsx-flex-nowrap"><div class="newsx-post-image"><span class="newsx-post-index">3</span><a href="https://uchitel-program.ru/test-5-kontrolnyie-tochki-pravila-kommentirovaniya/"><img width="150" height="100" src="https://uchitel-program.ru/wp-content/uploads/2026/07/test-cover-purebasic-150x100.png" class="attachment-newsx-150x100 size-newsx-150x100 wp-post-image" alt="" decoding="async" /></a></div><div class="newsx-post-meta newsx-flex"><h6><a href="https://uchitel-program.ru/test-5-kontrolnyie-tochki-pravila-kommentirovaniya/" class="newsx-underline-hover">Тест 5. Контрольные точки, правила комментирования</a></h6><span>31/07/2026</span></div></article></div></section><section id="newsx_featured_posts-3" class="newsx-widget widget newsx-featured-posts-widget"><div class="newsx-widget-title-wrap newsx-flex newsx-s0"><h3 class="newsx-widget-title"><span class="newsx-widget-title-text">ИНТЕРЕСНОЕ В IT</span></h3></div><div class="newsx-featured-posts"><article class="newsx-post newsx-flex-nowrap"><div class="newsx-post-image"><span class="newsx-post-index">1</span><a href="https://uchitel-program.ru/glava-anthropic-prizval-zamedlit-razvitie-ii-i-predlozhil-tri-strategii/"><img width="150" height="100" src="https://uchitel-program.ru/wp-content/uploads/2026/09/glava-anthropic-prizval-zamedlit-razvitie-ii-i-predlozhil-tri-strategii-150x100.jpg" class="attachment-newsx-150x100 size-newsx-150x100 wp-post-image" alt="Глава Anthropic призвал замедлить развитие ИИ и предложил три стратегии" decoding="async" /></a></div><div class="newsx-post-meta newsx-flex"><h6><a href="https://uchitel-program.ru/glava-anthropic-prizval-zamedlit-razvitie-ii-i-predlozhil-tri-strategii/" class="newsx-underline-hover">Почему глава Anthropic призвал замедлить развитие ИИ</a></h6><span>12/09/2026</span></div></article><article class="newsx-post newsx-flex-nowrap"><div class="newsx-post-image"><span class="newsx-post-index">2</span><a href="https://uchitel-program.ru/revolut-raskryl-dannye-klientov-posle-moshennicheskih-zaprosov-ot-imeni-gosagentstva/"><img width="150" height="100" src="https://uchitel-program.ru/wp-content/uploads/2026/09/revolut-raskryl-dannye-klientov-posle-moshennicheskih-zaprosov-ot-imeni-gosagentstva-150x100.jpg" class="attachment-newsx-150x100 size-newsx-150x100 wp-post-image" alt="Revolut раскрыл данные клиентов после мошеннических запросов от имени госагентства" decoding="async" /></a></div><div class="newsx-post-meta newsx-flex"><h6><a href="https://uchitel-program.ru/revolut-raskryl-dannye-klientov-posle-moshennicheskih-zaprosov-ot-imeni-gosagentstva/" class="newsx-underline-hover">Revolut подтвердил утечку данных клиентов из-за поддельных запросов</a></h6><span>12/09/2026</span></div></article><article class="newsx-post newsx-flex-nowrap"><div class="newsx-post-image"><span class="newsx-post-index">3</span><a href="https://uchitel-program.ru/cerberus-weglobal-ai-i-looq-pobedili-v-finale-road-to-techcrunch-v-centralnoy-evrazii/"><img width="150" height="100" src="https://uchitel-program.ru/wp-content/uploads/2026/09/cerberus-weglobal-ai-i-looq-pobedili-v-finale-road-to-techcrunch-v-centralnoy-evrazii-150x100.jpg" class="attachment-newsx-150x100 size-newsx-150x100 wp-post-image" alt="Cerberus, WeGlobal AI и LOOQ победили в финале Road to TechCrunch в Центральной Евразии" decoding="async" /></a></div><div class="newsx-post-meta newsx-flex"><h6><a href="https://uchitel-program.ru/cerberus-weglobal-ai-i-looq-pobedili-v-finale-road-to-techcrunch-v-centralnoy-evrazii/" class="newsx-underline-hover">Кто победил в Road to TechCrunch Startup Battlefield 2026 в Центральной Евразии</a></h6><span>12/09/2026</span></div></article></div></section>
<section id="recent-posts-5" class="widget widget_recent_entries">
<h2 class="widget-title">НОВОЕ</h2>
<ul>
<li>
<a href="https://uchitel-program.ru/glava-anthropic-prizval-zamedlit-razvitie-ii-i-predlozhil-tri-strategii/">Почему глава Anthropic призвал замедлить развитие ИИ</a>
<span class="post-date">12/09/2026</span>
</li>
<li>
<a href="https://uchitel-program.ru/revolut-raskryl-dannye-klientov-posle-moshennicheskih-zaprosov-ot-imeni-gosagentstva/">Revolut подтвердил утечку данных клиентов из-за поддельных запросов</a>
<span class="post-date">12/09/2026</span>
</li>
<li>
<a href="https://uchitel-program.ru/cerberus-weglobal-ai-i-looq-pobedili-v-finale-road-to-techcrunch-v-centralnoy-evrazii/">Кто победил в Road to TechCrunch Startup Battlefield 2026 в Центральной Евразии</a>
<span class="post-date">12/09/2026</span>
</li>
<li>
<a href="https://uchitel-program.ru/mecka-ai-vedet-raund-pod-rukovodstvom-sequoia-s-ocenkoy-okolo-500-mln/">Mecka AI оценивают в $500 млн в раунде под руководством Sequoia</a>
<span class="post-date">12/09/2026</span>
</li>
<li>
<a href="https://uchitel-program.ru/vrazhda-openai-8217-s-matematikami-tolko-obostryaetsya/">Вражда OpenAI’ с математиками только обостряется</a>
<span class="post-date">12/09/2026</span>
</li>
<li>
<a href="https://uchitel-program.ru/glava-y-combinator-predlozhil-amerikanskim-ii-laboratoriyam-samim-zanyatsya-distillyaciey/">Гарри Тан из Y Combinator предложил США перенять дистилляцию у Китая</a>
<span class="post-date">12/09/2026</span>
</li>
<li>
<a href="https://uchitel-program.ru/moonshot-ai-planiruet-vyyti-na-dohod-v-2-milliarda-dollarov-k-koncu-goda/">Moonshot AI планирует выйти на $2 млрд годового дохода</a>
<span class="post-date">11/09/2026</span>
</li>
<li>
<a href="https://uchitel-program.ru/nscale-naznachila-fidzhi-simo-v-sovet-direktorov-pered-ipo/">Зачем Nscale взяла Фиджи Симо в совет перед IPO</a>
<span class="post-date">11/09/2026</span>
</li>
<li>
<a href="https://uchitel-program.ru/mett-mallenveg-vernulsya-na-post-gendirektora-automattic-posle-otstraneniya/">Малленвег снова стал гендиректором Automattic после отстранения</a>
<span class="post-date">11/09/2026</span>
</li>
<li>
<a href="https://uchitel-program.ru/roblox-uproschaet-sozdanie-igr-s-ii-i-vyvodit-ih-za-predely-platformy/">Roblox упрощает создание игр с ИИ и выводит их за пределы платформы</a>
<span class="post-date">11/09/2026</span>
</li>
</ul>
</section></div>
</div><!-- .newsx-single-inner -->
</div><!-- .newsx-single-wrap -->
</main>
</div>
<!-- Site Footer -->
<footer id="site-footer" class="newsx-site-footer">
<div class="newsx-middle-section-wrap newsx-section-wrap" data-section="newsx_section_ft_middle"><div class="newsx-builder-grid-row newsx-builder-grid-row-4-equal newsx-builder-grid-row-group-stack newsx-container"><div class="newsx-grid-column-1 site-footer-column newsx-flex"><aside class="footer-widgets-area footer-widgets-area-1"><section id="custom_html-1" class="widget_text widget widget_custom_html"><h2 class="widget-title">Учитель-Про</h2><div class="textwidget custom-html-widget"><p>Обучение программированию с нуля: учебники, примеры кода, видеоуроки, тесты и готовые программы по Basic, C++, Delphi, Pascal, PHP, JavaScript, CSS и HTML.</p></div></section></aside></div><div class="newsx-grid-column-2 site-footer-column newsx-flex"><aside class="footer-widgets-area footer-widgets-area-2">
<section id="recent-posts-3" class="widget widget_recent_entries">
<h2 class="widget-title">Свежие статьи</h2>
<ul>
<li>
<a href="https://uchitel-program.ru/glava-anthropic-prizval-zamedlit-razvitie-ii-i-predlozhil-tri-strategii/">Почему глава Anthropic призвал замедлить развитие ИИ</a>
</li>
<li>
<a href="https://uchitel-program.ru/revolut-raskryl-dannye-klientov-posle-moshennicheskih-zaprosov-ot-imeni-gosagentstva/">Revolut подтвердил утечку данных клиентов из-за поддельных запросов</a>
</li>
<li>
<a href="https://uchitel-program.ru/cerberus-weglobal-ai-i-looq-pobedili-v-finale-road-to-techcrunch-v-centralnoy-evrazii/">Кто победил в Road to TechCrunch Startup Battlefield 2026 в Центральной Евразии</a>
</li>
<li>
<a href="https://uchitel-program.ru/mecka-ai-vedet-raund-pod-rukovodstvom-sequoia-s-ocenkoy-okolo-500-mln/">Mecka AI оценивают в $500 млн в раунде под руководством Sequoia</a>
</li>
<li>
<a href="https://uchitel-program.ru/vrazhda-openai-8217-s-matematikami-tolko-obostryaetsya/">Вражда OpenAI’ с математиками только обостряется</a>
</li>
<li>
<a href="https://uchitel-program.ru/glava-y-combinator-predlozhil-amerikanskim-ii-laboratoriyam-samim-zanyatsya-distillyaciey/">Гарри Тан из Y Combinator предложил США перенять дистилляцию у Китая</a>
</li>
</ul>
</section></aside></div><div class="newsx-grid-column-3 site-footer-column newsx-flex"><aside class="footer-widgets-area footer-widgets-area-3"><section id="custom_html-2" class="widget_text widget widget_custom_html"><h2 class="widget-title">Разделы</h2><div class="textwidget custom-html-widget"><ul><li><a href="/codebase/">База кода</a></li><li><a href="/videouroki/videouroki-javascript/">Видеоуроки</a></li><li><a href="/cat-prikladnoe/cat-pr-uchebniki/uchebniki-cpp/">Учебники C++</a></li><li><a href="/cat-web/cat-web-primery/primery-css/">Примеры CSS</a></li></ul></div></section></aside></div><div class="newsx-grid-column-4 site-footer-column newsx-flex"><aside class="footer-widgets-area footer-widgets-area-4"><section id="search-3" class="widget widget_search"><h2 class="widget-title">Поиск по сайту</h2>
<form role="search" method="get" class="search-form" action="https://uchitel-program.ru/">
<label>
<span class="screen-reader-text">Искать:</span>
<input type="search" class="search-field" placeholder="Поиск..." value="" name="s" tabindex="-1" autocomplete="off">
<button class="search-submit newsx-search-submit newsx-flex" aria-label="Начать поиск">
<span hidden>Поиск</span>
<span class="newsx-svg-icon search-icon" tabindex="0"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="-888 480 142 142" enable-background="new -888 480 142 142" xml:space="preserve"><path d="M-787.4,568.7h-6.3l-2.4-2.4c7.9-8.7,12.6-20.5,12.6-33.1c0-28.4-22.9-51.3-51.3-51.3 c-28.4,0-51.3,22.9-51.3,51.3c0,28.4,22.9,51.3,51.3,51.3c12.6,0,24.4-4.7,33.1-12.6l2.4,2.4v6.3l39.4,39.4l11.8-11.8L-787.4,568.7 L-787.4,568.7z M-834.7,568.7c-19.7,0-35.5-15.8-35.5-35.5c0-19.7,15.8-35.5,35.5-35.5c19.7,0,35.5,15.8,35.5,35.5 C-799.3,553-815,568.7-834.7,568.7L-834.7,568.7z"></path></svg><svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M5.293 6.707l5.293 5.293-5.293 5.293c-0.391 0.391-0.391 1.024 0 1.414s1.024 0.391 1.414 0l5.293-5.293 5.293 5.293c0.391 0.391 1.024 0.391 1.414 0s0.391-1.024 0-1.414l-5.293-5.293 5.293-5.293c0.391-0.391 0.391-1.024 0-1.414s-1.024-0.391-1.414 0l-5.293 5.293-5.293-5.293c-0.391-0.391-1.024-0.391-1.414 0s-0.391 1.024 0 1.414z"></path></svg></span> </button>
</label>
</form></section></aside></div></div></div><div class="newsx-bottom-section-wrap newsx-section-wrap" data-section="newsx_section_ft_bottom"><div class="newsx-builder-grid-row newsx-builder-grid-row-full newsx-builder-grid-row-group-stack newsx-container"><div class="newsx-grid-column-1 site-footer-column newsx-flex"><div class="newsx-copyright">Copyright © 2026 Учитель-Про | Работает на <a href="https://wp-royal-themes.com/themes/item-news-magazine-x-free/?ref=newsx-free-footer-credit" rel="nofollow noopener" target="_blank">News Magazine X</a></div></div></div></div>
<div tabindex="0" id="newsx-back-to-top" class="">
<span class="newsx-svg-icon newsx-inline-flex"><svg fill='currentColor' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'><path d='M34.9 289.5l-22.2-22.2c-9.4-9.4-9.4-24.6 0-33.9L207 39c9.4-9.4 24.6-9.4 33.9 0l194.3 194.3c9.4 9.4 9.4 24.6 0 33.9L413 289.4c-9.5 9.5-25 9.3-34.3-.4L264 168.6V456c0 13.3-10.7 24-24 24h-32c-13.3 0-24-10.7-24-24V168.6L69.2 289.1c-9.3 9.8-24.8 10-34.3.4z'></path></svg></span></div> </footer>
</div><!-- #page -->
<script type="speculationrules">
{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/wp-content/uploads/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/news-magazine-x/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]}
</script>
<script>(function(){var cls="pseudo-clearfy-link";function decodeUri(value){if(!value){return"";}if(/^https?:\/\//i.test(value)){return value;}try{return atob(value);}catch(e){return value;}}var links=document.querySelectorAll("."+cls);for(var i=0;i<links.length;i++){links[i].addEventListener("click",function(e){var el=e.currentTarget;var url=decodeUri(el.getAttribute("data-uri"));if(!url){return;}var target=el.getAttribute("data-target");if(target==="_blank"){window.open(url,"_blank");return;}window.location.href=url;});}})();</script><script id="envo-extra-js-js" src="https://uchitel-program.ru/wp-content/plugins/envo-extra/js/envo.js?ver=5e8794a8d244"></script>
<script id="newsx-swiper-js" src="https://uchitel-program.ru/wp-content/themes/news-magazine-x/assets/lib/swiper/swiper.min.js?ver=c44877bbe5f4"></script>
<script id="newsx-marquee-js" src="https://uchitel-program.ru/wp-content/themes/news-magazine-x/assets/lib/marquee/marquee.min.js?ver=4c3c464e766a"></script>
<script id="newsx-tipsy-js" src="https://uchitel-program.ru/wp-content/themes/news-magazine-x/assets/lib/tipsy/jquery.tipsy.min.js?ver=91a5707680c6"></script>
<script id="newsx-main-js-extra">
var NewsxMain = {"ajaxurl":"https://uchitel-program.ru/wp-admin/admin-ajax.php","nonce":"a2910bf828","tablet_bp":"768","mobile_bp":"480","dark_mode":"body.newsx-dark-mode, .site-content, .newsx-offcanvas-widgets-area, .newsx-mobile-menu-container, .search-form, .newsx-ajax-search-results, .newsx-table-of-contents h3:after, .newsx-single-post-media .image-caption,.newsx-site-header .newsx-section-wrap, .newsx-site-footer .newsx-section-wrap, .newsx-desktop-menu .sub-menu, .newsx-preloader-wrap {background-color:#222222;}input, select, textarea,.comment-form input, .comment-form select, .comment-form textarea {background-color:#272727;}.tipsy-inner {background-color:#383838;color:#fff;}.tipsy-arrow {border-color:#383838;}.newsx-grid-filters-dropdown {background-color:#383838;color:#c4c4c4;}.newsx-newsletter-wrap, .newsx-weather-wrap,.newsx-table-of-contents, .newsx-table-of-contents \u003E div:before,.newsx-s2.newsx-category-list .category-meta,.newsx-s0.newsx-float-sharing:not(.pos-outside) .sharing-icons, .newsx-s0.newsx-float-sharing.pos-outside .newsx-post-sharing,.header-search-s2.active .search-form, .newsx-ajax-search-results,.newsx-dark-mode-switcher {background-color:#333333 !important;}.newsx-offcanvas-widgets-area::-webkit-scrollbar-thumb,.newsx-offcanvas-widgets-area::-webkit-scrollbar-thumb:hover{background-color:#333333 !important;}.header-search-s2 .search-form::after {border-bottom-color:#333333;}.single .newsx-newsletter-wrap {background-color:transparent !important;}.comment-form .form-submit .submit, .post-password-form input[type=\"submit\"], .wpcf7-submit, .wp-block-file__button, .wp-block-loginout .button {background-color:#333333;}@media screen and (max-width:768px) {.newsx-post-meta .newsx-s0.newsx-static-sharing {background:#333333;}}pre, button, input, select, textarea, .newsx-mobile-menu li, .newsx-cta-button, .search-form, .search-field, .newsx-ajax-search-results, .newsx-grid-filters-dropdown, .newsx-prev, .newsx-next, .newsx-load-more, .newsx-category-list li a, .newsx-tabs li, .newsx-social-icon, .newsx-blog-pagination \u003E *, article.entry-comments, .newsx-table-of-contents a, .newsx-post-navigation, .newsx-post-navigation .newsx-divider, .comments-pagination, .newsx-post-author-box, .newsx-newsletter-wrap, .newsx-related-posts-wrap, table, td, th, .widget_block table thead, .widget_block table th, .widget_block table td, .widget_block table tfoot, .wp-block-search__input, :where(.wp-block-search__button-inside .wp-block-search__inside-wrapper), .wp-block-tag-cloud.is-style-outline a, .widget_nav_menu li a, .wp-block-group, .wp-block-code, .wp-block-table thead, .wp-block-table tfoot, .wp-block-table td, .wp-block-table th,.newsx-site-header .newsx-section-wrap, .newsx-site-footer .newsx-section-wrap, .newsx-header-menu-primary .newsx-desktop-menu .sub-menu.newsx-submenu-divider .menu-item:not(:last-child), .newsx-header-menu-secondary .newsx-desktop-menu .sub-menu.newsx-submenu-divider .menu-item:not(:last-child),.newsx-s3.newsx-widget-title-wrap {border-color:#383838;}hr, .wp-block-separator {color:#383838;background-color:#383838;}.newsx-site-header .newsx-top-section-wrap {border-bottom-width:1px;border-bottom-style:solid;}.newsx-table-of-contents a,.header-search-s2.active .search-form .search-field,.newsx-site-footer .newsx-category-list.newsx-s0 li a {border-color:#4a4a4a;}.newsx-s3.newsx-widget-title-wrap {border-bottom-color:#4a4a4a;}body, button, input, select, textarea, .newsx-social-icon, .newsx-cta-button a, .newsx-random-post a, .newsx-blog-pagination \u003E *, .newsx-breadcrumbs a, .newsx-post-sources a, .widget_nav_menu li a, .newsx-grid-view-all a,.newsx-header-menu-secondary a, .newsx-header-weather,.newsx-single-wrap .newsx-post-content,.newsx-date-and-time,.newsx-site-footer {color:#c4c4c4;}.newsx-header-menu-secondary .sub-menu-icon .newsx-svg {fill:#c4c4c4;}.newsx-weather-content .weather-condition, .newsx-weather-content .weather-extra-info, .newsx-grid-date-time, .newsx-grid-author a, .newsx-grid-author a:hover, .newsx-grid-post-meta div:first-child:after, .wp-block-tag-cloud.is-style-outline a, .sharing-header, .newsx-post-meta-inner, .newsx-post-meta-inner a, .newsx-post-author-box .author-job, .newsx-related-posts .post-date, .comment-meta, .comment-meta a, .comment-respond .logged-in-as, .comment-respond .logged-in-as, .comment-respond .comment-notes, .comment-form .comment-form-cookies-consent label, .comment-form textarea::placeholder, .comment-form input::placeholder, .wpcf7-form-control::placeholder, .newsx-newsletter-form .agree-to-terms, .newsx-newsletter-policy, .newsx-archive-page-header .sub-categories span,.search-field::placeholder, .newsx-newsletter-form input::placeholder, .wp-block-search__input::placeholder, .newsx-site-title-tagline .site-description, .newsx-ajax-search-results .search-results-content span,.newsx-s0.newsx-category-list li a,.newsx-site-footer .newsx-post-meta {color:#9e9e9e;}.newsx-static-sharing .sharing-header {color:#9e9e9e !important;}.newsx-static-sharing .sharing-header svg {color:#9e9e9e !important;fill:#9e9e9e !important;}.newsx-svg-icon svg,.newsx-offcanvas-btn svg,.newsx-header-social-icons .newsx-social-icon svg,.newsx-header-search .newsx-search-icon svg,.newsx-random-post svg,.newsx-s0.newsx-static-sharing .sharing-icons .copy-share svg,.newsx-s0.newsx-static-sharing .sharing-icons .print-share svg,.newsx-s0.newsx-float-sharing .sharing-icons .copy-share svg,.newsx-s0.newsx-float-sharing .sharing-icons .print-share svg,.newsx-grid-filters-dropdown-more:hover svg,.newsx-widget .newsx-social-icon svg,.newsx-site-footer .newsx-social-icon svg {fill:#fff;color:#fff;}:not(.newsx-original-colors) .newsx-post-sharing .sharing-icons svg {fill:#fff;color:#fff;}.newsx-post-format-icon {border-color:#f9f9f9;}.newsx-post-format-icon svg path {color:#f9f9f9;}:where(.newsx-s2, .newsx-s2-sr, .newsx-s2-br) \u003E .newsx-post-sharing .sharing-icons .copy-share {border-color:#999;}:where(.newsx-s2, .newsx-s2-sr, .newsx-s2-br) \u003E .newsx-post-sharing .sharing-icons .copy-share svg {fill:#999;}:where(.newsx-s2, .newsx-s2-sr, .newsx-s2-br).newsx-float-sharing.newsx-original-colors:not(.newsx-s0) .sharing-icons a {background-color:transparent;}.newsx-header-search .newsx-ring-loader div {border-left-color:#fff !important;}a, .newsx-header-menu-primary a,.newsx-grid-filters-dropdown-more:hover {color:#fff;}.newsx-site-title-tagline .site-title a, .newsx-site-title-tagline .site-title a:hover, h1, h1 a, h2, h2 a, h3, h3 a, h4, h4 a, h5, h5 a, h6, h6 a, .newsx-grid-title \u003E :where(div, p, span) a,.newsx-table-of-contents a, .newsx-grid-read-more a, .newsx-weather-content .weather-location, .newsx-weather-content .weather-temp,.newsx-post-meta-inner .newsx-post-author a, .comment-author, .comment .comment-author a, .newsx-post-content + .newsx-static-sharing .sharing-header,.newsx-single-post-media .image-caption, .newsx-newsletter-title svg, .widget_block .wp-block-quote, .widget_block .wp-block-details:not(.has-text-color) summary,.newsx-mobile-menu-toggle, .newsx-ajax-search-results .search-results-content a,.newsx-header-news-ticker a.newsx-news-ticker-title,.newsx-widget .soc-brand, .newsx-widget .newsx-lt-s1 .soc-label1, .newsx-widget .soc-count,.newsx-widget .newsx-social-icon:hover .soc-brand, .newsx-widget .newsx-lt-s1 .newsx-social-icon:hover .soc-label1, .newsx-widget .newsx-social-icon:hover .soc-count,.newsx-heading-widget h3, .newsx-widget-title-text,.newsx-site-footer .newsx-widget :where(h1, h2, h3, h4, h5, h6) a {color:#fff;}"};
//# sourceURL=newsx-main-js-extra
</script>
<script id="newsx-main-js" src="https://uchitel-program.ru/wp-content/themes/news-magazine-x/assets/js/main.min.js?ver=4c3c464e766a"></script>
<div id="uch-hbanner-holder" class="uch-hbanner-holder"><section id="custom_html-4" class="widget_text widget widget_custom_html"><div class="textwidget custom-html-widget"><div class="uch-hbanner">
<a href="https://uchitel-program.ru/videouroki/"><img src="https://uchitel-program.ru/wp-content/uploads/2026/08/banner-banner-videouroki-4303f.png" alt="ВИДЕОУРОКИ"></a>
<a href="https://uchitel-program.ru/codebase/"><img src="https://uchitel-program.ru/wp-content/uploads/2026/08/banner-banner-baza-koda-c8934.png" alt="БАЗА КОДА"></a>
<a href="https://uchitel-program.ru/cat-prikladnoe/cat-pr-testy/"><img src="https://uchitel-program.ru/wp-content/uploads/2026/08/banner-banner-onlajn-testy-dd8a0.png" alt="ОНЛАЙН-ТЕСТЫ"></a>
</div></div></section></div><script>
(function(){
var MOBILE='(max-width:1220px)';
function place(){
var holder=document.getElementById('uch-hbanner-holder');
var row=document.querySelector('.newsx-middle-section-wrap .newsx-builder-grid-row');
if(!holder||!row){return;}
if(window.matchMedia(MOBILE).matches){
// На мобиле баннер прячем и НЕ трогаем разметку шапки (иначе 650px-баннер уезжает за правый край).
holder.classList.remove('uch-placed');
row.style.display=''; row.style.alignItems=''; row.style.flexWrap='';
return;
}
var right=row.querySelector('.newsx-grid-column-right');
row.style.display='flex'; row.style.alignItems='center'; row.style.flexWrap='nowrap';
if(right){ row.insertBefore(holder,right); } else { row.appendChild(holder); }
holder.classList.add('uch-placed');
}
function tagline(){
var tag=document.querySelector('.newsx-site-identity .site-description');
if(!tag||tag.dataset.uch)return;
var txt=tag.textContent.trim(); var i=txt.indexOf('Видеоуроки');
if(i>0){ var l1=txt.slice(0,i).trim(), l2=txt.slice(i).trim();
tag.innerHTML='<span class="uch-tl">'+l1+'</span><span class="uch-tl">'+l2+'</span>'; tag.dataset.uch=1; }
}
function run(){ place(); tagline(); }
if(document.readyState!=='loading') run(); else document.addEventListener('DOMContentLoaded', run);
var t; window.addEventListener('resize', function(){ clearTimeout(t); t=setTimeout(place,150); });
})();
</script>
<script>
(function(){
var MQ='(max-width:960px)';
function mobile(){return window.matchMedia(MQ).matches;}
var nav=document.querySelector('.newsx-header-menu-secondary');
if(!nav) return;
nav.addEventListener('click', function(e){
if(!mobile()) return;
var caret=e.target.closest('.sub-menu-icon');
var li=null, toggle=false;
if(caret){
li=caret.closest('li'); toggle=true; // тап по стрелке — всегда раскрыть/свернуть
} else {
var a=e.target.closest('a');
if(!a) return;
li=a.closest('li');
if(!li || !li.classList.contains('menu-item-has-children')) return; // лист — переход по ссылке
var href=a.getAttribute('href')||'';
if(href==='#' || href==='' || /#$/.test(href)) toggle=true; // пункт без URL — раскрыть
// иначе (реальный URL, напр. «База кода», «Статьи») — переход; раскрытие через стрелку
}
if(!toggle || !li) return;
e.preventDefault(); e.stopPropagation();
var willOpen=!li.classList.contains('uch-open');
var siblings=li.parentElement;
if(siblings){ siblings.querySelectorAll(':scope > li.uch-open').forEach(function(s){ if(s!==li) s.classList.remove('uch-open'); }); }
li.classList.toggle('uch-open', willOpen);
}, false);
})();
</script>
</body>
</html>
