Entête
La balise head contient les balises d'informations générales sur le document.
<head>
<meta charset="utf-8" />
<title>Document title</title>
<meta name="author" content="moi" />
<meta name="description" content="cours sur les balises" />
<meta name="keywords" content="balise, html, cours" />
<link href="style.css" rel="stylesheet">
<link rel="icon" href="favicon.ico">
<script src="javascript.js"></script>
<style>
p {color: red;
}
</style>
</head>
Définition : <title>
Titre du document, s'affiche dans la barre de titre ou dans l'onglet d'une page.
<title>Je suis le titre</title>
Définition : <meta>
Les métadonnées permettent d'amener des précisions sur le document.
L'auteur, la description, des mots clefs...
<meta name="author" content="moi" />
<meta name="description" content="cours sur les balises" />
<meta name="keywords" content="balise,html, cours" />
Ces métadonnées permettent d'optimiser votre référencement par les moteurs de recherche. Leur présence qui était primordiale il y a quelques années semble l’être moins aujourd’hui.
Cependant, une balise reste essentielle. Celle qui annonce l'encodage de vos caractères :
<meta charset="utf-8" />
Définition : <link>
Permet d'appeler des ressources externes.
Feuille de style :
<link href="style.css" rel="stylesheet">
Favicon
<link rel="icon" href="favicon.ico">
Définition : <script>
Permet d'appeler des ressources JavaScript.
<script src="javascript.js"></script>
Cette balise peut se trouver n'importe où dans le document, notamment en fin de document avant la balise de fermeture </body>.
Définition : <base>
Permet de préciser la base utilisée pour les URL relatives, si celle-ci n'est pas celle du fichier.
<base href="http://www.monsite.fr/baseDuSite/" />
Définition : <style>
Contient les règles CSS internes au document.
<style>
p {color: red;
}
</style>
Cette balise peut se trouver n'importe où dans le document.