English

<script>

Exécuter du JavaScript et offrir un repli

— 1 min de lecture

  • HTML
  • accessibilité
  • sémantique

<script> + <noscript> — Le script et son repli

La balise <script> charge et exécute du JavaScript. La balise <noscript> fournit un contenu de repli affiché uniquement quand JavaScript est désactive ou indisponible.

Quand l'utiliser

Tu veux charger un script externe ou inline. Utilise defer pour les scripts qui n'ont pas besoin du DOM immédiatement et async pour les scripts indépendants comme les analytics. <noscript> sert à informer l'utilisateur qu'une fonctionnalité nécessite JavaScript ou à proposer une alternative.

Ce que tu gagnes

Accessibilité : <noscript> garantit que les utilisateurs qui désactivent JavaScript ou dont le navigateur ne le supporte pas reçoivent une information utile au lieu d'une page vide.

SEO : les moteurs de recherche exécutent JavaScript, mais pas toujours complètement. Le contenu de <noscript> est indexé directement et sert de filet de sécurité.

Exemple de code

<script src="/js/app.js" defer></script>
 
<noscript>
  <p>This application requires JavaScript to work properly.</p>
</noscript>

Pour aller plus loin