HTML boilerplate
Qu'est-ce qu'une boilerplate ?
Une boilerplate est une base de code pour faciliter et accélérer la création d'un site. Il s'agit des quelques lignes de code nécessaires à toute page web, qu'il n'y a plus qu'à copier-coller dans son propre fichier .html et à remplir ensuite. Ça fait gagner du temps et ça évite à devoir se rappeler ce petit tas de caractères.
Boilerplate à copier-coller
<!DOCTYPE html >
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Le titre de votre site, qui apparaîtra dans l'onglet du navigateur</title>
<link href="l'url-de-votre-feuille-de-style.css" rel="stylesheet" type="text/css">
</head>
<body>
Et là, il ne reste plus qu'à construire le contenu de votre site, dans le <body> de votre code html !
</body>
</html>
Avec ces premières lignes, un site est tout à fait viable et prêt à être rempli et affiché correctement dans un navigateur. Mais on peut encore rajouter beaucoup de choses entre les balises <head></head>, comme la langue par défaut du site ou des scripts js à attacher à la page. En fait, il s'agit de toutes les informations qu'on veut donner en amont au navigateur pour qu'il puisse afficher au mieux notre site. Elles servent essentiellement à en améliorer l'accessibilité. Une petite liste peut être consultée ici.