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

Тег <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 не поддерживается.

Чем заменить тег

Можно использовать тег <script> с атрибутом type="text/plain" и определить в нём текст, который нужно показать.

Актуальность

Тег <noscript> не устарел, можете использовать его в веб-разработке.


Хотите узнать больше об HTML-тегах?

Прочитайте справочник по HTML или познакомьтесь с вёрсткой на интерактивных тренажёрах в HTML Academy.


«Доктайп» — журнал о фронтенде. Читайте, слушайте и учитесь с нами.

ТелеграмПодкастБесплатные учебники

Читать дальше

<ul>

Синтаксис, примеры использования, основные атрибуты.

Справочник
  • 25 января 2023

<video>

Синтаксис, примеры использования, основные атрибуты.

Справочник
  • 25 января 2023

<datalist>

Синтаксис, примеры использования, основные атрибуты.

Справочник
  • 25 января 2023

<caption>

Синтаксис, примеры использования, основные атрибуты.

Справочник
  • 25 января 2023