Médiaforma

jQuery – Squelette HTML5 standard

Print Friendly

Voici le squelette standard d’un document HTML5 dans lequel on utilise du code jQuery. C’est à partir de ce squelette que tous les exemples de cette formation seront construits. Ce squelette est à utiliser en phase de développement :

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>Le titre du document</title>
    <link rel="stylesheet" type="text/css" href="feuille-de-styles.css">
  </head>
  <body>
    <!-- Une ou plusieurs balises HTML pour définir le contenu du document -->
    <script src="jquery.js"></script>
    <script src="mon-script.js"></script>
  </body>
</html>

Quelques remarques :

  • La balise <link> fait référence au fichier feuille-de-styles.css qui sera utilisé pour définir le style du document.
  • La première balise <script> fait référence à la bibliothèque jQuery.
  • La deuxième balise <script> fait référence au fichier mon-script.js. C’est dans ce fichier que vous placerez tout le code jQuery à utiliser. Vous pouvez également l’inclure directement dans le squelette HTML, entre les balises <script> et </script>.

Une fois le code entièrement débogué, vous utiliserez un squelette un peu différent, dans lequel, la référence à la bibliothèque jQuery se fait via un CDN et non localement :

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>Le titre du document</title>
    <link rel="stylesheet" type="text/css" href="feuille-de-styles.css">
  </head>
  <body>
    <!-- Une ou plusieurs balises HTML pour définir le contenu du document -->
    <script src="http://code.jquery.com/jquery.min.js"></script>
    <script src="mon-script.js"></script>
  </body>
</html>
Vous avez aimé cet article ? Partagez-le avec vos réseaux...
 
Comments

No comments yet.

Leave a Reply