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 ...
<!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>
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"/>
Pour faire une favicon.ico c'est par ici
Utilisez la balise meta viewport pour rapidement rendre votre site compatible avec les appareils mobile.