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="https://code.jquery.com/jquery.min.js"></script>
<script src="mon-script.js"></script>
</body>
</html>