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 ...



parce que j'ai la flemme!

<!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" />
    <title>Titre de la page</title>
    <script async type="text/javascript">
        function not(){
            // code
        }
    </script>
    <style type="text/css">
        /* css rules */
    </style>
</head>
<body>
   ...
    <link rel="stylesheet" href="style.css">
    <script async src="script.js"></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

Bon à savoir

Utilisez la balise meta viewport pour rapidement rendre votre site compatible avec les appareils mobile.

21-Aug-2019
^