<noscript>

25 января 2023

Что делает тег

Тег <noscript> используется для указания альтернативного содержимого, которое должно отображаться в браузерах, не поддерживающих JavaScript или где JS отключён.

Синтаксис тега <noscript>

<noscript>
  <p>Включите JavaScript для просмотра содержимого страницы</p>
</noscript>

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

Тег является частью спецификации HTML Living Standard.

Семантический или нет

Тег <noscript> не считается семантическим, так как не придаёт никакого конкретного значения содержимому.

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

Предупреждение об отключённом JavaScript:

<noscript>
  <p>Для просмотра сайта необходимо включить JavaScript.</p>
</noscript>

Замена содержимого при отключённом JS:

<div id="example">>
  <script>
    document.getElementById("example").innerHTML = "Этот текст появится, если JavaScript будет включён.";
  </script>
  <noscript>
    <p>Этот текст появится, если JavaScript будет отключён.</p>
  </noscript>
</div>

Дополнительная информация при отключённом JavaScript:

<div class="container">
  <ul>
    <li>Пункт 1</li>
    <li>Пункт 2</li>
    <li>Пункт 3</li>
  </ul>
  <noscript>
    <p>Это обычный список, который будет отображаться при отключённом JavaScript. Если JS включён, этот список заменится интерактивным списком, который можно фильтровать.</p>
  </noscript>
</div>

Для чего использовать тег <noscript>

Ограничить доступ к содержимому сайта при отключённом JS.
Предостеречь о проблемах с безопасностью при отключённом JS.
Отобразить альтернативное содержимое при отключённом JS.
Показать сообщение о том, что для работы приложения нужно включить JS.
Предоставить альтернативные стили при отключённом JS.

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

У тега нет специфических атрибутов.

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

Тег поддерживает все глобальные атрибуты HTML.

Ограничения тега <noscript>

Тег <noscript> может содержать только теги, которые допустимы внутри <body>.

Нюансы

Внутри тега <noscript> можно использовать только ограниченное количество тегов. В их числе <p>, <h1> — <h6>, <ul>, <ol>, <li>, <blockquote>, <address>, <ht>, <pre>, <figure>, <figcaption>, <table>.
Не рекомендуется использовать тег <noscript> для скрытия содержимого от поисковых роботов, так как это может привести к негативным последствиям для SEO.

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

Тег поддерживается всеми современными браузерами. Актуальная информация — на caniuse.

Альтернативные теги

В качестве альтернативы можно использовать тег <script>, в котором пишется специальный код для отображения содержимого на случай, если JavaScript не поддерживается.