Le minimum pour une page html

Linux manuel utilisateur Je ne vais pas ici ré-écrire un nème tuto sur le HTML mais juste le minimum pour commencer un nouveau projet, les trucs rébarbatifs qu'on a la flemme de se retaper encore et encore et encore ...



Copier Coller

<!doctype html>
<html lang="fr">
<head>
    <meta charset="utf-8">
    <meta name="description" content="Une description de la page..." />
    <meta name="keywords" content="mots, clés, pour, cette, page" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Titre de la page</title>
    <script async type="text/javascript">
        function not(){
            // code
        }
    </script>
    <style type="text/css">
        /* règles css */
    </style>
</head>
<body>
   ...
    <link rel="stylesheet" href="style.css?v=1">
    <script async src="script.js?v=1"></script>
</body>
</html>

Divers manières d'intégrer une favicon

L'ordre dans le quel les balises sont appelées est important, ainsi si la première balise est incompatible pour le navigateur, ce dernier l'ignorera et essaiera avec la suivante ...

<link rel="icon" type="image/gif" href="animated_favicon1.gif" >
<link rel="icon" href="favicon256.png" sizes="256x256"/>
<link rel="icon" href="favicon160.png" sizes="160x160"/>
<link rel="icon" href="favicon144.png" sizes="144x144"/>
<link rel="icon" href="favicon96.png" sizes="96x96"/>
<link rel="icon" href="favicon48.png" sizes="48x48"/>
<link rel="apple-touch-icon-precomposed" href="favicon152.png" sizes="152x152"/>
<link rel="apple-touch-icon" href="favicon152.png" sizes="152x152"/>
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon"/>

Bien comprendre les favicon

Pour faire une favicon.ico c'est par ici

16-Oct-2025
^