w3docs logo
Où utilise-t-on la balise <script> ?
Commencer le Quiz - "HTML - Les bases"

Utilisation de la Balise &lt;script&gt; dans HTML

La balise <script> en HTML est principalement utilisée pour incorporer ou faire référence à un script externe, généralement JavaScript. Le script peut être placé dans le document HTML à deux endroits : à l'intérieur de la balise <body> ou de la balise <head>. Par conséquent, l'affirmation correcte est : "Dans les balises <head> et <body>".

Placement de la Balise &lt;script&gt;

Il existe deux méthodes courantes pour placer la balise <script> dans un document HTML :

  1. Dans la balise <head> : Positionner la balise <script> dans la balise <head> signifie que le script sera chargé avant que la page ne commence à se charger. Ce placement est généralement utilisé lorsque le script doit être chargé avant le chargement de la page.
<!DOCTYPE html>
<html>
<head>
  <script src="script.js"></script>
</head>
<body>
<!-- contenu de la page -->
</body>
</html>
  1. Dans la balise <body>: Positionner la balise <script> dans la balise <body> signifie que le script sera chargé après que le contenu de la page se soit chargé. Il s'agit du placement idéal pour les scripts qui ne doivent pas bloquer le chargement de la page, comme les animations et les événements.
<!DOCTYPE html>
<html>
<body>
<!-- contenu de la page -->
  <script src="script.js"></script>
</body>
</html>

Bonnes Pratiques

Il est conseillé de placer les scripts à la fin du corps du document HTML pour éviter le blocage du rendu de la page. Cependant, il existe certaines exceptions à cette règle. Par exemple, certains scripts, comme les feuilles de style CSS et les polices d'icônes, doivent être chargés en premier afin d'assurer une présentation correcte de la page.

Il faut également noter que l'emplacement de la balise <script> dépend parfois de l'objectif du script. Par exemple, si un script doit modifier le contenu du DOM (Document Object Model), il est préférable de le placer à la fin pour s'assurer que le DOM ait été complètement chargé avant que le script ne soit exécuté.

Related Questions

Trouvez-vous cela utile?