métadonnées block

<noscript>

Définit un contenu alternatif affiché quand JavaScript est désactivé ou non supporté par le navigateur.

Description

L’élément <noscript> contient du contenu HTML affiché uniquement si JavaScript est désactivé dans le navigateur. Placé dans <head>, il peut contenir des <link>, <style> et <meta>. Placé dans <body>, il peut contenir n’importe quel contenu HTML. Avec la prévalence du JavaScript, son usage est devenu moins courant.

Syntaxe

<noscript>
  <p>Ce site nécessite JavaScript pour fonctionner correctement.</p>
</noscript>

Exemples

Message d’avertissement :

<body>
  <noscript>
    <div class="noscript-warning">
      <p>JavaScript est désactivé. Certaines fonctionnalités ne sont pas disponibles.</p>
      <p><a href="/version-statique">Accéder à la version sans JavaScript</a></p>
    </div>
  </noscript>
  <!-- Suite du contenu -->
</body>

CSS de remplacement dans <head> :

<head>
  <noscript>
    <style>
      /* Styles pour quand JS est désactivé */
      .js-only { display: none; }
      .no-js-only { display: block; }
    </style>
  </noscript>
</head>

Notes

Progressivité avant noscript : la meilleure approche est le progressive enhancement — construire une version fonctionnelle sans JavaScript, puis améliorer avec JS. <noscript> est un repli, pas une stratégie d’accessibilité principale.

Rendu des moteurs de recherche : la plupart des moteurs de recherche exécutent maintenant JavaScript. <noscript> est rarement vu par les crawlers modernes, mais son contenu peut influencer l’indexation sur les crawlers qui n’exécutent pas JS.

Support navigateurs

Chrome1+ · Firefox1+ · Safari3+ · Edge12+