Использование noscript в HTML. Что делать при отключенном JavaScript?

использование noscript в html. что делать при отключенном javascript?

Причины отключения JavaScript

В прошлой статье мы рассмотрели использование скриптов на HTML-странице и дали краткую характеристику их роли в современной разработке. Все сайты и веб-приложения используют JavaScript тем или иным образом. Например, осуществляют анализ посещаемости, добавляя специальные коды отслеживания.

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

Основной причиной отключения скриптов является использование особых типов браузеров. Например, TOR, созданный для максимальной анонимности в сети. Он не позволяет выполняться скриптам, тем самым мешая получить любую информацию о пользователе (языковые настройки, тип операционной системы, локальное время и т.д.).

Заметка
Среди веб-разработчиков бытует мнение, что отключение JavaScript не должно сказываться на взаимодействии с сайтом. Мы считаем такой подход ограниченным и сопутствующим потере конкурентоспособности.

Статистика показывает, что пользователи с отключенной обработкой скриптов занимают меньше 1% всей аудитории интернета. Такой долей можно пренебречь.

Использование элемента noscript

HTML и другие технологии не позволяют обойти, рассмотренную выше проблему. Выбор пользователя является конечной инстанцией. Тем не менее, существует специальный элемент <noscript>. Его содержимое будет показано, если в браузере отключен JavaScript.

С помощью <noscript> можно оповестить посетителя ресурса, о недоступности какого-либо функционала в связи с настройками браузера. В нём допустимо размещать любую разметку: изображения, тексты, формы и т.д.

Внутрь <noscript> также можно добавить элемент <link> с указанием внешнего файла стилей. Его загрузка и применение к HTML-разметке произойдет только в случае недоступности скриптов. Таким способом можно создать особую стилизацию страницы при ограниченном функционале.

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>Пример использования noscript</title>
    </head>
    <body>
        <noscript>
            <p>Для продолжения работы необходимо включить
                поддержку JavaScript в браузере</p>
        </noscript>
    </body>
</html>

Последние публикации