Какая польза от класса «no-js» в HTML?

Опубликовано: 11 Декабря, 2021

Цель:

Основная цель класса no-js - разрешить использование CSS для стилизации страниц без JavaScript, то есть определение стилей CSS для браузеров с поддержкой JavaScript, а также для браузеров с отключенным JavaScript.
Таким образом, класс «no-js» будет присутствовать только в том случае, если JavaScript отключен. Это позволяет стилизовать чистую страницу HTML и CSS без использования каких-либо сценариев на стороне клиента.
Но если включен JavaScript, он автоматически удаляет класс no-js.
По умолчанию в разметке доступен класс no-js.
Класс «no-js» - это, по сути, способ стилизовать вещи с использованием или без использования JavaScript.
Класс «no-js» добавляется к самому верхнему элементу html, который служит инструкцией для Modernizr.

Синтаксис:

 <! - [if (gt IE 9) |! (IE)]> <! -> <html lang = "ru" class = "no-js"> <! - <! [endif] ->

Пример:

 <!DOCTYPE html>
 < html class = "no-js" >
 
< head >
    < script >document.documentElement.className
        = document.documentElement.className
        .replace(/no-js/g, '') + ' js ';
    </ script >
 
    <!-- Other files and libraries
        to be included -->
    < head >
 
    < body >
        < center >
            < h1 >GeeksforGeeks</ h1 >
        </ center >
    </ body >
 
</ html > 

Выход:

JavaScript Вопросы о Web технологиях Picked HTML

Какая польза от класса «no-js» в HTML?

РЕКОМЕНДУЕМЫЕ СТАТЬИ