La balise <head> est la balise marquant le début d’un bloc qui regroupe les informations complémentaires. Elles ne seront pas visibles à l’écran, mais leurs effets quant à eux le seront.
De nombreuses balises peuvent être insérées entre <head> et </head>. Seules 4 d’entre elles (et leurs fermantes s’il y a lieu) seront explicitées ici parce qu’elles seront pour nous incontournables.
1. La balise <meta />
De nombreuses balises peuvent être insérées entre <head> et </head>. Seules 4 d’entre elles (et leurs fermantes s’il y a lieu) seront explicitées ici parce qu’elles seront pour nous incontournables.
1. La balise <meta />
<meta http-equiv="Content-Type" content="text/html ; charset=iso-8859-1" />
ou
<meta http-equiv="Content-Type" content="text/html ; charset=utf-8" />
Le premier attribut http-equiv reçoit la valeur "Content-Type" qui indique qu’il s’agit d’une balise meta précisant le type de contenu.
Le deuxième attribut content reçoit la valeur "text/html ; charset=iso-8859-1" ou "text/html ; charset=utf-8"qui indique qu’il s’agit d’une page html et précise l’encodage utilisé.
Le deuxième attribut content reçoit la valeur "text/html ; charset=iso-8859-1" ou "text/html ; charset=utf-8"qui indique qu’il s’agit d’une page html et précise l’encodage utilisé.
2. La balise <title >
<title> Le titre de mon site</title>
Les balises<title> et </title> sont les balises qui encadrent le titre de votre page. Or ce titre est essentiel car :
il apparaît dans la barre de titre,
il est utilisé par défaut pour l’enregistrement de la page dans les favoris,
il est utilisé par les moteurs de recherche pour le référencement.
3. La balise <link/>
<link rel= "stylesheet" href= "url/style.css" type= "text/css" />
Le premier attribut rel reçoit la valeur "stylesheet" afin de préciser que le lien concerne une feuille de style.
Le deuxième attribut href reçoit la valeur qui correspond à l’URL du fichier auquel le lien fait référence.
Le deuxième attribut href reçoit la valeur qui correspond à l’URL du fichier auquel le lien fait référence.
Le troisième attribut type reçoit la valeur "text/css" qui indique que le style appliqué a la spécification css.
4. La balise <script>
<script type="text/javascript" src="url/javascript.js" ></script>
Les balises <script> et </script> permettent de lier votre page à un fichier de script externe.
Le premier attribut type reçoit la valeur "text/javascript" indiquant qu’il s’agit d’un programme javascript.
Le deuxième src reçoit la valeur qui correspond à l’URL du fichier auquel le lien fait référence.