¿Cuál es el uso de la clase «no-js» en HTML?

Objetivo:

  • El objetivo principal de la clase no-js es permitir el uso de CSS para diseñar páginas sin JavaScript, es decir, definir estilos CSS para navegadores habilitados para JavaScript, así como para navegadores deshabilitados para JavaScript.
  • Por lo tanto, la clase «no-js» solo estará presente si se ha deshabilitado JavaScript. Esto permite diseñar una página HTML y CSS pura sin el uso de scripts del lado del cliente.
  • Pero si JavaScript está habilitado, elimina la clase «no-js» automáticamente.
  • La clase «no-js» está disponible en el marcado de forma predeterminada.
  • La clase «no-js» es básicamente una forma de poder diseñar cosas con o sin usar JavaScript.
  • La clase «no-js» se agrega al elemento html superior que sirve como instrucción para Modernizr.

Sintaxis:

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

Ejemplo:

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

Producción:

Publicación traducida automáticamente

Artículo escrito por verma_anushka y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *