<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 не поддерживается.
Чем заменить тег
Можно использовать тег <script>
с атрибутом type="text/plain"
и определить в нём текст, который нужно показать.
Актуальность
Тег <noscript>
не устарел, можете использовать его в веб-разработке.
Хотите узнать больше об HTML-тегах?
Прочитайте справочник по HTML или познакомьтесь с вёрсткой на интерактивных тренажёрах в HTML Academy.
«Доктайп» — журнал о фронтенде. Читайте, слушайте и учитесь с нами.
Читать дальше


Глобальные атрибуты HTML
Список основных атрибутов, которые подойдут ко всему.
- 29 марта 2023
Как добавить раздел на страницу. Тег <div>
Синтаксис, примеры использования, основные атрибуты.
- 25 января 2023
Список описаний. Тег <dl>
Синтаксис, примеры использования, основные атрибуты.
- 25 января 2023
Пункт выпадающего списка. Тег <option>
Синтаксис, примеры использования, основные атрибуты.
- 25 января 2023
Как правильно добавить секцию на страницу. Тег <section>
Синтаксис, примеры использования, основные атрибуты.
- 25 января 2023