Modèle de document HTML5


Modèle de base

Voici un modèle basique, avec le minimum nécessaire :

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
<!DOCTYPE html>
<html lang="fr">
    <head>
        <meta charset="utf-8">
        <title>Titre de la page</title>
    </head>
    <body>
        <h1>Bonjour !</h1>
    </body>
</html>

Modèle avec fichier CSS et JS

Cette version référence un fichier CSS et un fichier JS (JavaScript) :

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
<!DOCTYPE html>
<html lang="fr">
    <head>
        <meta charset="utf-8">
        <title>Titre de la page</title>
        <link rel="stylesheet" ref="style.css">
    </head>
    <body>
        <h1>Bonjour !</h1>

        <!-- Script JS -->
        <script src="script.js"></script>
    </body>
</html>

Modèle avec jQuery

Cette version référence jQuery :

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
<!DOCTYPE html>
<html lang="fr">
    <head>
        <meta charset="utf-8">
        <title>Titre de la page</title>
        <script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
        <script>
            $(document).ready(function () {
                console.log("Ready !");
            });
        </script>
    </head>
    <body>
        <h1>Bonjour !</h1>
    </body>
</html>
Logo HTML5

Liens

HTML  HTML5